<!DOCTYPE html>
<html lang="zh-CN" class="">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>快捷巴士</title>
    <meta name="format-detection" content="telephone=no, email=no">
    <style>
        .clearfix::before,
        .clearfix::after {
            content: "";
            display: table
        }

        .clearfix::after {
            clear: both
        }

        .ellipsis,
        .media-item .item-bd .bd-tt {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis
        }

        .justify {
            display: flex;
            justify-content: space-between
        }

        .line-list--indent,
        .media-list,
        .form {
            position: relative
        }

        .line-list--indent::before,
        .media-list::before,
        .form::before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            box-sizing: border-box;
            right: 0;
            height: 0;
            transform: scaleY(0.5);
            border-top: 1px solid #dbdbdb;
            z-index: 1
        }

        .line-list--indent::after,
        .media-list::after,
        .form::after {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            box-sizing: border-box;
            right: 0;
            height: 0;
            transform: scaleY(0.5);
            border-top: 1px solid #dbdbdb;
            top: auto;
            bottom: 0
        }

        .line-item {
            line-height: 35px;
            padding: 5px 10px;
            position: relative;
            display: block;
            overflow: hidden
        }

        .line-item:active,
        .line-item:hover {
            background-color: #ededed
        }

        .line-item:not(:first-of-type)::before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            box-sizing: border-box;
            right: 0;
            height: 0;
            transform: scaleY(0.5);
            border-top: 1px solid #dbdbdb
        }

        .line-list--after-v .line-item::after,
        .media-list--after-v .media-item::after {
            content: "";
            display: inline-block;
            vertical-align: middle;
            width: 10px;
            height: 10px;
            border-top: 2px solid currentColor;
            border-right: 2px solid currentColor;
            transform: rotate(45deg);
            color: #ccc;
            position: absolute;
            right: 15px;
            top: 50%;
            margin-top: -1px;
            transform: rotate(45deg) translate(0, -50%);
            box-sizing: border-box
        }

        .btn,
        .btn-outline,
        .btn-primary,
        .btn-stress {
            display: inline-block;
            vertical-align: middle;
            cursor: pointer;
            text-align: center;
            border: 1px solid transparent;
            box-sizing: border-box;
            user-select: none;
            padding: 0 1em;
            white-space: nowrap
        }

        html {
            -ms-text-size-adjust: 100%;
            -webkit-text-size-adjust: 100%;
            -webkit-tap-highlight-color: transparent;
            height: 100%
        }

        body {
            margin: 0;
            font-size: 14px;
            font-family: "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;
            line-height: 1.5;
            color: #333;
            background-color: #fff;
            min-height: 100%
        }

        article,
        aside,
        details,
        figcaption,
        figure,
        footer,
        header,
        hgroup,
        main,
        menu,
        nav,
        section,
        summary {
            display: block
        }

        audio,
        canvas,
        progress,
        video {
            display: inline-block
        }

        audio:not([controls]) {
            display: none;
            height: 0
        }

        progress {
            vertical-align: baseline
        }

        [hidden],
        template {
            display: none
        }

        a {
            background: transparent;
            text-decoration: none;
            color: #006ebc
        }

        a:active {
            outline: 0
        }

        abbr[title] {
            border-bottom: 1px dotted
        }

        b,
        strong {
            font-weight: bold
        }

        dfn {
            font-style: italic
        }

        mark {
            background: #ff0;
            color: #000
        }

        small {
            font-size: 80%
        }

        sub,
        sup {
            font-size: 75%;
            line-height: 0;
            position: relative;
            vertical-align: baseline
        }

        sup {
            top: -0.5em
        }

        sub {
            bottom: -0.25em
        }

        img {
            border: 0;
            vertical-align: middle;
            max-width: 100%
        }

        svg:not(:root) {
            overflow: hidden
        }

        pre {
            overflow: auto;
            white-space: pre;
            white-space: pre-wrap;
            word-wrap: break-word
        }

        code,
        kbd,
        pre,
        samp {
            font-family: monospace, monospace;
            font-size: 1em
        }

        button,
        input,
        optgroup,
        select,
        textarea {
            color: inherit;
            font: inherit;
            margin: 0;
            vertical-align: middle
        }

        button,
        input,
        select {
            overflow: visible
        }

        button,
        select {
            text-transform: none
        }

        button,
        html input[type="button"],
        input[type="reset"],
        input[type="submit"] {
            -webkit-appearance: button;
            cursor: pointer
        }

        [disabled] {
            cursor: default
        }

        button::-moz-focus-inner,
        input::-moz-focus-inner {
            border: 0;
            padding: 0
        }

        input {
            line-height: normal
        }

        input[type="checkbox"],
        input[type="radio"] {
            box-sizing: border-box;
            padding: 0
        }

        input[type="number"]::-webkit-inner-spin-button,
        input[type="number"]::-webkit-outer-spin-button {
            height: auto
        }

        input[type="search"] {
            -webkit-appearance: textfield;
            box-sizing: border-box
        }

        input[type="search"]::-webkit-search-cancel-button,
        input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none
        }

        fieldset {
            border: 1px solid #c0c0c0;
            margin: 0 2px;
            padding: 0.35em 0.625em 0.75em
        }

        legend {
            border: 0;
            padding: 0
        }

        textarea {
            overflow: auto;
            resize: vertical;
            vertical-align: top
        }

        optgroup {
            font-weight: bold
        }

        input,
        select,
        textarea,
        button {
            outline: 0
        }

        textarea,
        input {
            -webkit-user-modify: read-write-plaintext-only
        }

        input::-ms-clear,
        input::-ms-reveal {
            display: none
        }

        input::-moz-placeholder,
        textarea::-moz-placeholder {
            color: #999
        }

        input:-ms-input-placeholder,
        textarea:-ms-input-placeholder {
            color: #999
        }

        input::-webkit-input-placeholder,
        textarea::-webkit-input-placeholder {
            color: #999
        }

        .placeholder {
            color: #999
        }

        table {
            border-collapse: collapse;
            border-spacing: 0
        }

        td,
        th {
            padding: 0
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        p,
        figure,
        form,
        blockquote {
            margin: 0
        }

        ul,
        ol,
        li,
        dl,
        dd {
            margin: 0;
            padding: 0
        }

        ul,
        ol {
            list-style: none outside none
        }

        h1,
        h2,
        h3 {
            line-height: 2;
            font-weight: normal
        }

        h1 {
            font-size: 18px
        }

        h2 {
            font-size: 16px
        }

        h3 {
            font-size: 14px
        }

        i {
            font-style: normal
        }

        * {
            box-sizing: border-box
        }

        .fl {
            float: left
        }

        .fr {
            float: right
        }

        .fs12 {
            font-size: 12px
        }

        .grayc {
            color: #ccc
        }

        .gray9 {
            color: #999
        }

        .gray6 {
            color: #666
        }

        .p10 {
            padding: 10px
        }

        .plr10 {
            padding-left: 10px;
            padding-right: 10px
        }

        .mt10 {
            margin-top: 10px
        }

        .mb10 {
            margin-bottom: 10px
        }

        .mlr10 {
            margin-left: 10px;
            margin-right: 10px
        }

        .full-width {
            width: 100%
        }

        .pos-s {
            position: static !important
        }

        .fixed-bottom {
            position: fixed;
            left: 0;
            right: 0;
            bottom: 0
        }

        .icon-switch {
            height: 30px;
            width: 50px;
            position: relative;
            display: inline-block;
            vertical-align: middle;
            background-color: #ccc;
            border-radius: 15px;
            overflow: hidden;
            z-index: 1
        }

        .icon-switch::before {
            content: "";
            height: 30px;
            width: 50px;
            position: absolute;
            left: -50px;
            background-color: #4ccc7f;
            border-radius: 15px;
            transition: left 0.2s ease 0s;
            z-index: 2
        }

        .icon-switch::after {
            content: "";
            height: 26px;
            width: 26px;
            background-color: #fff;
            border-radius: 15px;
            position: absolute;
            left: 2px;
            top: 2px;
            transition: left 0.2s ease 0s;
            z-index: 3
        }

        .icon-switch.active::before {
            left: 0
        }

        .icon-switch.active::after {
            left: 22px
        }

        .icon-radio,
        .icon-checkbox {
            display: inline-block;
            vertical-align: middle;
            width: 16px;
            height: 16px;
            color: #999;
            border: 1px solid currentColor;
            background-color: #fff;
            position: relative;
            top: -1px;
            margin-right: 5px;
            box-sizing: border-box
        }

        .active.icon-radio,
        .active.icon-checkbox {
            color: #006ebc
        }

        .disabled.icon-radio,
        .disabled.icon-checkbox {
            color: #dbdbdb
        }

        .icon-radio {
            border-radius: 10px
        }

        .icon-radio::before {
            content: "";
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: currentColor;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%)
        }

        .icon-checkbox::after {
            content: "";
            height: 4px;
            width: 10px;
            border: 1px solid currentColor;
            border-width: 0 0 2px 2px;
            position: absolute;
            top: 1px;
            left: 3px;
            transform: rotate(-52deg)
        }

        .icon-checkbox::before {
            content: "";
            width: 5px;
            height: 6px;
            background-color: #fff;
            position: absolute;
            right: -1px;
            top: -1px
        }

        .icon-v-right {
            position: relative
        }

        .icon-v-right::after {
            content: "";
            display: inline-block;
            vertical-align: middle;
            width: 10px;
            height: 10px;
            border-top: 2px solid currentColor;
            border-right: 2px solid currentColor;
            transform: rotate(45deg);
            position: absolute;
            left: 50%;
            top: 50%;
            margin-left: -2px;
            transform: translate(-50%, -50%) rotate(45deg);
            box-sizing: border-box
        }

        .icon-v-left {
            position: relative
        }

        .icon-v-left::after {
            content: "";
            display: inline-block;
            vertical-align: middle;
            width: 10px;
            height: 10px;
            border-left: 2px solid currentColor;
            border-bottom: 2px solid currentColor;
            transform: rotate(45deg);
            position: absolute;
            left: 50%;
            top: 50%;
            margin-left: 2px;
            transform: translate(-50%, -50%) rotate(45deg);
            box-sizing: border-box
        }

        .icon-search {
            position: relative
        }

        .icon-search::before {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            border: 2px solid currentColor;
            height: 12px;
            width: 12px;
            box-sizing: border-box;
            border-radius: 50%;
            margin-left: -2px;
            margin-top: -2px
        }

        .icon-search::after {
            content: "";
            background: currentColor;
            height: 6px;
            width: 2px;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-left: 4px;
            margin-top: 4px;
            transform: translate(-50%, -50%) rotate(-45deg)
        }

        .icon-cross {
            position: relative
        }

        .icon-cross::before,
        .icon-cross::after {
            content: "";
            position: absolute;
            left: 50%;
            top: 50%;
            width: 2px;
            height: 14px;
            transform: translate(-50%, -50%) rotate(45deg);
            background-color: currentColor
        }

        .icon-cross::after {
            transform: translate(-50%, -50%) rotate(-45deg)
        }

        .icon-dots {
            position: relative
        }

        .icon-dots::before {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate3d(-50%, -50%, 0);
            width: 5px;
            height: 5px;
            border-radius: 3px;
            background-color: #fff;
            box-shadow: 10px 0 0 #fff, -10px 0 0 #fff
        }

        .icon-plus {
            position: relative
        }

        .icon-plus::before,
        .icon-plus::after {
            content: "";
            width: 16px;
            height: 2px;
            background-color: currentColor;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate3d(-50%, -50%, 0)
        }

        .icon-plus::after {
            width: 2px;
            height: 16px
        }

        .icon-right {
            position: relative
        }

        .icon-right::before {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            width: 14px;
            height: 8px;
            border-bottom: 2px solid currentColor;
            border-left: 2px solid currentColor;
            transform: translate(-50%, -50%) rotate(-52deg);
            box-sizing: border-box;
            margin-top: -1px
        }

        .icon-alert,
        .icon-info,
        .icon-question,
        .icon-ok {
            display: inline-block;
            vertical-align: middle;
            position: relative;
            width: 18px;
            height: 18px;
            border: 1px solid currentColor;
            border-radius: 50%;
            line-height: 16px;
            text-align: center
        }

        .icon-alert {
            color: #ff3b30
        }

        .icon-alert::after {
            content: "!"
        }

        .icon-info {
            color: #006ebc
        }

        .icon-info::after {
            content: "i"
        }

        .icon-question {
            color: #006ebc
        }

        .icon-question::after {
            content: "?"
        }

        .icon-ok {
            color: #4ccc7f
        }

        .icon-ok::after {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            width: 5px;
            height: 2px;
            border-bottom: 1px solid currentColor;
            border-left: 1px solid currentColor;
            transform: translate(-50%, -50%) rotate(-52deg) scale(1.5);
            margin-top: -1px
        }

        .icon-svg {
            width: 16px;
            height: 16px;
            fill: currentColor
        }

        .icon-loading {
            animation: loadingRotate 1s linear infinite
        }

        @keyframes loadingRotate {
            to {
                transform: rotate(360deg)
            }
        }

        .line-list {
            background: #fff
        }

        .line-list+.line-list {
            margin-top: 10px
        }

        .line-list--center {
            text-align: center
        }

        .line-list--indent .line-item::before {
            left: 10px
        }

        .line-list--after-v .line-item {
            padding-right: 30px
        }

        .line-list--flex .line-item {
            display: flex;
            align-items: center;
            padding-right: 0
        }

        .line-list--flex .line-item .item-icon,
        .line-list--flex .line-item .item-img,
        .line-list--flex .line-item .icon-switch,
        .line-list--flex .line-item .remind-num,
        .line-list--flex .line-item .item-append {
            margin-right: 10px
        }

        .line-list--flex .line-item .item-tt,
        .line-list--flex .line-item .item-bd {
            flex: 1;
            margin-right: 10px;
            width: 1%
        }

        .line-list--flex .line-item .bd-tt {
            line-height: 1.3;
            font-size: 16px;
            margin-bottom: 4px
        }

        .line-list--flex .line-item .bd-txt {
            line-height: 1.5;
            color: #999;
            font-size: 12px
        }

        .line-list--flex .line-item .item-append {
            color: #999
        }

        .line-list--flex .line-item .icon-v-right {
            width: 30px;
            height: 30px;
            color: #ccc;
            margin-left: -10px
        }

        .line-list--flex .line-item .remind-num {
            position: static;
            line-height: 1.5
        }

        .line-list--select .line-item {
            padding-right: 30px
        }

        .line-list--select .line-item.active {
            color: #3b3c4e
        }

        .line-list--select .line-item.active::after {
            content: "";
            display: block;
            width: 14px;
            height: 8px;
            border-bottom: 2px solid currentColor;
            border-left: 2px solid currentColor;
            transform: rotate(-52deg) translate(0, -50%);
            box-sizing: border-box;
            position: absolute;
            top: 50%;
            right: 8px;
            margin-top: -4px
        }

        .line-list--multi-select .active {
            color: #3b3c4e
        }

        .line-list--multi-select .active .icon-checkbox {
            color: #3b3c4e
        }

        .media-item {
            width: 100%;
            padding: 10px;
            position: relative;
            display: block;
            padding-left: 20px;
            min-height: 20px
        }

        .media-item:not(:first-of-type)::before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            box-sizing: border-box;
            right: 0;
            height: 0;
            transform: scaleY(0.5);
            border-top: 1px solid #dbdbdb;
            left: 10px
        }

        .media-item:active,
        .media-item:hover {
            background: #f5f5f5
        }

        .media-item .item-img {
            position: absolute;
            top: 10px;
            left: 10px;
            width: 0;
            height: 0
        }

        .media-item .item-bd .bd-tt {
            font-weight: normal
        }

        .media-item .item-bd .bd-txt {
            font-size: 12px;
            color: #999
        }

        .media-list {
            background: #fff
        }

        .media-list--after-v .media-item {
            padding-right: 30px
        }

        .media-list--right .media-item {
            padding-right: 70px
        }

        .media-list--right .media-item .item-right {
            position: absolute;
            top: 50%;
            right: 10px;
            transform: translateY(-50%)
        }

        .overlay {
            display: none;
            background: rgba(0, 0, 0, 0.5);
            -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
            transition: all .2s;
            position: fixed;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            z-index: -1
        }

        .active .overlay,
        .overlay.active {
            display: block
        }

        .overlay.overlay--transparent {
            background: transparent
        }

        .toast-wrap {
            position: fixed;
            left: 0;
            right: 0;
            top: 45px;
            bottom: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 5000;
            display: none;
            flex-direction: column;
            padding: 0 5%
        }

        .toast-wrap.active {
            display: flex
        }

        .toast {
            background: rgba(0, 0, 0, 0.5);
            color: #fff;
            padding: 10px 15px;
            text-align: center;
            white-space: nowrap;
            z-index: 5005;
            border-radius: 5px;
            position: relative
        }

        .toast .toast-icon {
            display: inline-block;
            margin-top: 5px;
            margin-bottom: 10px
        }

        .toast .toast-txt {
            white-space: pre-wrap
        }

        .toast--loading {
            border-radius: 10px
        }

        .toast--loading .icon-loading {
            fill: #fff;
            width: 28px;
            height: 28px;
            display: block;
            margin: 0 auto
        }

        .toast--loading.has-close {
            padding: 15px;
            width: 100px
        }

        .toast--loading.has-close .icon-close {
            position: absolute;
            right: 0;
            top: 0;
            width: 24px;
            height: 24px;
            line-height: 24px;
            font-size: 20px
        }

        .toast--loading.has-close .toast-text {
            margin-top: 10px
        }

        .dialog-wrap {
            position: fixed;
            width: 100%;
            height: 100%;
            display: none;
            top: 0;
            z-index: 4000
        }

        .dialog-wrap.active {
            display: table
        }

        .dialog-open {
            position: fixed;
            width: 100%
        }

        .dialog-scroll {
            position: relative;
            display: block;
            overflow-y: scroll;
            height: 100%;
            -webkit-overflow-scrolling: touch
        }

        .dialog-content {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            z-index: 4100
        }

        .dialog-header {
            position: relative;
            width: 80%;
            color: #fff;
            border-radius: 3px;
            overflow: hidden;
            z-index: 4100;
            margin: 0 auto 10px;
            text-align: left
        }

        .dialog {
            position: relative;
            width: 80%;
            background: #3b3c4e;
            border-radius: 3px;
            overflow: hidden;
            z-index: 4100;
            margin: 0 auto;
            text-align: left
        }

        .dialog.white {
            background: #fff
        }

        .dialog.tk-dialog {
            position: relative;
            width: 90%;
            overflow: hidden;
            border-radius: 5px;
            background: transparent;
            z-index: 4100
        }

        .dialog.tk-list-dialog {
            position: relative;
            width: 100%;
            overflow: hidden;
            border-radius: 0;
            background: transparent;
            z-index: 4100
        }

        .dialog.fixed-bottom {
            width: 100%;
            position: fixed;
            bottom: 0;
            -moz-border-radius: 0;
            -webkit-border-radius: 0;
            border-radius: 0
        }

        .dialog .dialog-bd {
            text-align: center
        }

        .dialog .dialog-bd .bd-tt {
            position: relative;
            color: #ffde00;
            font-size: 1.6rem;
            line-height: 1.3;
            padding: 10px 20px;
            text-align: left;
            border-bottom: 1px solid #000
        }

        .dialog .dialog-bd .bd-st {
            font-size: 1.8rem;
            font-weight: bolder;
            color: #ffde00;
            display: block
        }

        .dialog .dialog-bd .bd-txt {
            font-size: 1.4rem;
            color: #fff;
            padding: 10px 20px
        }

        .dialog .dialog-bd .bd-txt.txt--left {
            text-align: left
        }

        .dialog .dialog-bd .bd-table {
            padding-top: 10px;
            padding-bottom: 10px;
            width: 100%
        }

        .dialog .dialog-bd .bd-table .bd-cell {
            display: none
        }

        .dialog .dialog-bd .bd-table.active {
            display: table
        }

        .dialog .dialog-bd .bd-table.active .bd-cell {
            display: table-cell;
            vertical-align: middle;
            width: 80px;
            padding: 0 10px 0 30px
        }

        .dialog .dialog-bd .bd-table.active .bd-cell img {
            width: 53px;
            max-width: 53px
        }

        .dialog .dialog-bd .bd-table.active .bd-txt {
            display: table-cell;
            vertical-align: middle;
            padding: 10px 20px 10px 0
        }

        .dialog .dialog-ft {
            overflow: hidden;
            text-align: center;
            line-height: 35px;
            display: flex
        }

        .dialog .dialog-ft .ft-btn {
            flex: 1;
            width: 1%
        }

        .dialog .dialog-ft button {
            line-height: normal;
            height: 45px;
            border: none;
            background: transparent
        }

        .dialog .dialog-ft .ft-btn {
            position: relative;
            margin: 0px 10px 15px;
            background-color: #ffde00;
            color: #3b3c4e;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px
        }

        .dialog .dialog-ft .ft-btn.one-btn {
            margin: 0px 25% 15px
        }

        .dialog .dialog-ft .ft-btn:hover,
        .dialog .dialog-ft .ft-btn:active {
            background-color: #999
        }

        .dialog .dialog-ft .ft-btn:nth-of-type(2) {
            background-color: #ffde00
        }

        .dialog .dialog-ft .ft-btn:nth-of-type(2):hover,
        .dialog .dialog-ft .ft-btn:nth-of-type(2):active {
            background-color: #006ebc
        }

        .dialog .dialog-ft.ft--full {
            flex-direction: column
        }

        .dialog .dialog-ft.ft--full .ft-btn {
            width: 100%;
            border-left: none
        }

        .dialog .dialog-ft.ft--full .ft-btn:first-of-type::after {
            display: none
        }

        .dialog .dialog-ft.ft--full .ft-btn:first-of-type {
            border-bottom-left-radius: 0
        }

        .dialog .dialog-ft.ft--full .ft-btn:last-of-type {
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px
        }

        .btn {
            padding: 0 1em;
            line-height: 43px;
            border-radius: 3px;
            color: #333;
            background-color: #f5f5f5;
            border-color: rgba(0, 0, 0, 0.2)
        }

        .btn:hover,
        .btn:active {
            background-color: #e8e8e8
        }

        .btn-outline {
            padding: 0 1em;
            line-height: 43px;
            border-radius: 3px;
            color: #3b3c4e;
            background-color: #fff;
            border-color: #3b3c4e
        }

        .btn-outline:hover,
        .btn-outline:active {
            background-color: #f2f2f2;
            border-color: #147de2
        }

        .btn-primary {
            padding: 0 1em;
            line-height: 43px;
            border-radius: 3px;
            color: #fff;
            background-color: #3b3c4e
        }

        .btn-primary:hover,
        .btn-primary:active {
            background-color: #46475d
        }

        .btn-stress {
            padding: 0 1em;
            line-height: 43px;
            border-radius: 3px;
            color: #3b3c4e;
            background-color: #ffde00
        }

        .btn-stress:hover,
        .btn-stress:active {
            background-color: #e6c800
        }

        .full-width[class^="btn"] {
            width: 100%
        }

        .full--width[class^="btn"] {
            width: 100%;
            border-radius: 0
        }

        .btn-s {
            line-height: 28px;
            font-size: 12px
        }

        .btn-m {
            line-height: 43px
        }

        .actions {
            display: table;
            table-layout: fixed;
            width: 100%
        }

        .actions actions-btn {
            display: table-cell
        }

        .actions .actions-btn {
            color: #006ebc;
            height: 45px;
            line-height: 45px;
            text-align: center;
            border-top: 1px solid #dbdbdb;
            border-left: 1px solid rgba(0, 0, 0, 0.1);
            cursor: pointer;
            box-sizing: border-box
        }

        .actions .actions-btn:first-of-type {
            border-left: none
        }

        .actions .actions-btn:active,
        .actions .actions-btn:hover {
            background: #e6e6e6
        }

        .actions--full {
            display: block
        }

        .actions--full .actions-btn {
            display: block;
            width: 100%;
            border-left: none
        }

        .f-text,
        .f-textarea {
            width: 100%;
            padding: 5px;
            border: 1px solid #dbdbdb
        }

        .f-text {
            height: 45px;
            padding: 7px 5px
        }

        .f-text.f-text--right-icon {
            padding-right: 30px
        }

        .f-textarea {
            height: 100px;
            line-height: 1.5;
            resize: none
        }

        .form {
            background: #fff
        }

        .form.hidden-border-top::before {
            content: "";
            border-top: none;
            z-index: 1
        }

        .form-item {
            align-items: center;
            position: relative;
            padding-left: 85px;
            line-height: 45px;
            overflow: hidden
        }

        .form-item:not(:first-of-type)::before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            box-sizing: border-box;
            right: 0;
            height: 0;
            transform: scaleY(0.5);
            border-top: 1px solid #dbdbdb
        }

        .form-item .item-label {
            width: 80px;
            padding-left: 10px;
            position: absolute;
            left: 0
        }

        .form-item .item-field .f-text {
            display: block;
            border: 0 none;
            width: 100%;
            box-sizing: border-box;
            white-space: nowrap;
            text-overflow: ellipsis
        }

        .form-item .item-field .icon-input-clear {
            height: 45px
        }

        .form-item .item-append {
            margin-right: 10px;
            color: #999
        }

        .form-item .item-append+.icon-v-right {
            margin-left: -10px
        }

        .form-item .img-captcha {
            margin-left: 10px
        }

        .form-item .icon-v-right {
            display: block;
            width: 30px;
            height: 45px;
            color: #ccc;
            position: absolute;
            top: 0;
            right: 0
        }

        .form--no-label .form-item {
            padding-left: 0
        }

        .form--no-label .f-text,
        .form--no-label .f-textarea {
            border: 0 none;
            padding-left: 10px;
            padding-right: 10px
        }

        .fixed-to-dialog {
            position: fixed;
            z-index: 4002;
            width: 100%;
            border-bottom: 1px solid #e6e6e6;
            background: white
        }

        html {
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: 62.5%;
            margin: 0 auto;
            color: #333;
            -ms-text-size-adjust: 100%;
            -webkit-text-size-adjust: 100%
        }

        html,
        body {
            background-color: #F8F8F8
        }

        * {
            -webkit-appearance: none;
            -webkit-tap-highlight-color: transparent
        }

        select {
            background-color: #fff
        }

        .wrap {
            padding: 20px
        }

        .gone {
            display: none !important
        }

        .inline-block {
            display: inline-block
        }

        .block {
            display: block
        }

        .font-lighter {
            font-weight: lighter
        }

        .relative {
            position: relative
        }

        .v-hidden {
            visibility: hidden
        }

        .o-hidden {
            overflow: hidden;
            -webkit-overflow-scrolling: auto
        }

        .text-underline {
            text-decoration: underline
        }


        .disabled {
            opacity: 0.4
        }

        .clearfix:before,
        .clearfix:after {
            content: "";
            display: table
        }

        .clearfix:after {
            clear: both
        }

        .fxWH-25 {
            width: 25px;
            height: 25px
        }

        .width-p-100 {
            width: 100% !important
        }

        .border-none {
            border: none !important
        }

        .bg-light-blue {
            background-color: #cde9fe !important
        }

        .bg-transparent {
            background-color: transparent !important
        }

        .color-yellow {
            color: #ffde00 !important
        }

        .color-white {
            color: #fff !important
        }

        .color-red {
            color: #ff3b30 !important
        }

        .color-blue {
            color: #006ebc !important
        }

        .color-link {
            color: #006ebc !important
        }

        .color-hint {
            color: #666 !important
        }

        .color-title {
            color: #333 !important
        }

        .color-orange {
            color: #fcb131 !important
        }

        .color-primary {
            color: #3b3c4e !important
        }

        .color-green {
            color: #4ccc7f !important
        }

        .fill-grey {
            fill: #999 !important
        }

        .fill-white {
            fill: #fff !important
        }

        .fill-red {
            fill: #ff3b30 !important
        }

        .fill-blue {
            fill: #006ebc !important
        }

        .fill-orange {
            fill: #fcb131 !important
        }

        .fill-green {
            fill: #4ccc7f !important
        }

        .bg-white {
            background-color: #fff !important
        }

        .bg-red {
            background-color: #ff3b30 !important
        }

        .bg-blue {
            background-color: #006ebc !important
        }

        .bg-orange {
            background-color: #fcb131 !important
        }

        .bg-green {
            background-color: #4ccc7f !important
        }

        .bg-primary {
            background-color: #3b3c4e !important
        }

        .bg-grey {
            background-color: #F8F8F8 !important
        }

        .text-left {
            text-align: left
        }

        .text-center {
            text-align: center
        }

        .text-right {
            text-align: right
        }

        .font-12 {
            font-size: 1.2rem !important
        }

        .font-13 {
            font-size: 1.3rem !important
        }

        .font-14 {
            font-size: 1.4rem !important
        }

        .font-16 {
            font-size: 1.6rem !important
        }

        .font-18 {
            font-size: 1.8rem !important
        }

        .font-20 {
            font-size: 2rem !important
        }

        .font-24 {
            font-size: 2.4rem !important
        }

        .font-25 {
            font-size: 2.5rem !important
        }

        .font-30 {
            font-size: 3rem !important
        }

        .font-36 {
            font-size: 3.6rem !important
        }

        .font-50 {
            font-size: 5rem !important
        }

        .border-top {
            border-top: 1px solid #e6e6e6
        }

        .border-right {
            border-right: 1px solid #e6e6e6
        }

        .border-bottom {
            border-bottom: 1px solid #e6e6e6
        }

        .border-left {
            border-left: 1px solid #e6e6e6
        }

        .p-5 {
            padding: 5px
        }

        .pt-5 {
            padding-top: 5px
        }

        .pl-5 {
            padding-left: 5px
        }

        .pr-5 {
            padding-right: 5px
        }

        .pb-5 {
            padding-bottom: 5px
        }

        .m-5 {
            margin: 5px
        }

        .mt-5 {
            margin-top: 5px
        }

        .ml-5 {
            margin-left: 5px
        }

        .mr-5 {
            margin-right: 5px
        }

        .mb-5 {
            margin-bottom: 5px
        }

        .p-10 {
            padding: 10px
        }

        .pt-10 {
            padding-top: 10px
        }

        .pl-10 {
            padding-left: 10px
        }

        .pr-10 {
            padding-right: 10px
        }

        .pb-10 {
            padding-bottom: 10px
        }

        .m-10 {
            margin: 10px
        }

        .mt-10 {
            margin-top: 10px
        }

        .ml-10 {
            margin-left: 10px
        }

        .mr-10 {
            margin-right: 10px
        }

        .mb-10 {
            margin-bottom: 10px
        }

        .p-15 {
            padding: 15px
        }

        .pt-15 {
            padding-top: 15px
        }

        .pl-15 {
            padding-left: 15px
        }

        .pr-15 {
            padding-right: 15px
        }

        .pb-15 {
            padding-bottom: 15px
        }

        .m-15 {
            margin: 15px
        }

        .mt-15 {
            margin-top: 15px
        }

        .ml-15 {
            margin-left: 15px
        }

        .mr-15 {
            margin-right: 15px
        }

        .mb-15 {
            margin-bottom: 15px
        }

        .p-20 {
            padding: 20px
        }

        .pt-20 {
            padding-top: 20px
        }

        .pl-20 {
            padding-left: 20px
        }

        .pr-20 {
            padding-right: 20px
        }

        .pb-20 {
            padding-bottom: 20px
        }

        .m-20 {
            margin: 20px
        }

        .mt-20 {
            margin-top: 20px
        }

        .ml-20 {
            margin-left: 20px
        }

        .mr-20 {
            margin-right: 20px
        }

        .mb-20 {
            margin-bottom: 20px
        }

        .p-25 {
            padding: 25px
        }

        .pt-25 {
            padding-top: 25px
        }

        .pl-25 {
            padding-left: 25px
        }

        .pr-25 {
            padding-right: 25px
        }

        .pb-25 {
            padding-bottom: 25px
        }

        .m-25 {
            margin: 25px
        }

        .mt-25 {
            margin-top: 25px
        }

        .ml-25 {
            margin-left: 25px
        }

        .mr-25 {
            margin-right: 25px
        }

        .mb-25 {
            margin-bottom: 25px
        }

        .p-30 {
            padding: 30px
        }

        .pt-30 {
            padding-top: 30px
        }

        .pl-30 {
            padding-left: 30px
        }

        .pr-30 {
            padding-right: 30px
        }

        .pb-30 {
            padding-bottom: 30px
        }

        .m-30 {
            margin: 30px
        }

        .mt-30 {
            margin-top: 30px
        }

        .ml-30 {
            margin-left: 30px
        }

        .mr-30 {
            margin-right: 30px
        }

        .mb-30 {
            margin-bottom: 30px
        }

        .p-35 {
            padding: 35px
        }

        .pt-35 {
            padding-top: 35px
        }

        .pl-35 {
            padding-left: 35px
        }

        .pr-35 {
            padding-right: 35px
        }

        .pb-35 {
            padding-bottom: 35px
        }

        .m-35 {
            margin: 35px
        }

        .mt-35 {
            margin-top: 35px
        }

        .ml-35 {
            margin-left: 35px
        }

        .mr-35 {
            margin-right: 35px
        }

        .mb-35 {
            margin-bottom: 35px
        }

        .p-40 {
            padding: 40px
        }

        .pt-40 {
            padding-top: 40px
        }

        .pl-40 {
            padding-left: 40px
        }

        .pr-40 {
            padding-right: 40px
        }

        .pb-40 {
            padding-bottom: 40px
        }

        .m-40 {
            margin: 40px
        }

        .mt-40 {
            margin-top: 40px
        }

        .ml-40 {
            margin-left: 40px
        }

        .mr-40 {
            margin-right: 40px
        }

        .mb-40 {
            margin-bottom: 40px
        }

        .p-45 {
            padding: 45px
        }

        .pt-45 {
            padding-top: 45px
        }

        .pl-45 {
            padding-left: 45px
        }

        .pr-45 {
            padding-right: 45px
        }

        .pb-45 {
            padding-bottom: 45px
        }

        .m-45 {
            margin: 45px
        }

        .mt-45 {
            margin-top: 45px
        }

        .ml-45 {
            margin-left: 45px
        }

        .mr-45 {
            margin-right: 45px
        }

        .mb-45 {
            margin-bottom: 45px
        }

        .p-50 {
            padding: 50px
        }

        .pt-50 {
            padding-top: 50px
        }

        .pl-50 {
            padding-left: 50px
        }

        .pr-50 {
            padding-right: 50px
        }

        .pb-50 {
            padding-bottom: 50px
        }

        .m-50 {
            margin: 50px
        }

        .mt-50 {
            margin-top: 50px
        }

        .ml-50 {
            margin-left: 50px
        }

        .mr-50 {
            margin-right: 50px
        }

        .mb-50 {
            margin-bottom: 50px
        }

        .p-55 {
            padding: 55px
        }

        .pt-55 {
            padding-top: 55px
        }

        .pl-55 {
            padding-left: 55px
        }

        .pr-55 {
            padding-right: 55px
        }

        .pb-55 {
            padding-bottom: 55px
        }

        .m-55 {
            margin: 55px
        }

        .mt-55 {
            margin-top: 55px
        }

        .ml-55 {
            margin-left: 55px
        }

        .mr-55 {
            margin-right: 55px
        }

        .mb-55 {
            margin-bottom: 55px
        }

        .p-60 {
            padding: 60px
        }

        .pt-60 {
            padding-top: 60px
        }

        .pl-60 {
            padding-left: 60px
        }

        .pr-60 {
            padding-right: 60px
        }

        .pb-60 {
            padding-bottom: 60px
        }

        .m-60 {
            margin: 60px
        }

        .mt-60 {
            margin-top: 60px
        }

        .ml-60 {
            margin-left: 60px
        }

        .mr-60 {
            margin-right: 60px
        }

        .mb-60 {
            margin-bottom: 60px
        }

        .p-65 {
            padding: 65px
        }

        .pt-65 {
            padding-top: 65px
        }

        .pl-65 {
            padding-left: 65px
        }

        .pr-65 {
            padding-right: 65px
        }

        .pb-65 {
            padding-bottom: 65px
        }

        .m-65 {
            margin: 65px
        }

        .mt-65 {
            margin-top: 65px
        }

        .ml-65 {
            margin-left: 65px
        }

        .mr-65 {
            margin-right: 65px
        }

        .mb-65 {
            margin-bottom: 65px
        }

        .p-70 {
            padding: 70px
        }

        .pt-70 {
            padding-top: 70px
        }

        .pl-70 {
            padding-left: 70px
        }

        .pr-70 {
            padding-right: 70px
        }

        .pb-70 {
            padding-bottom: 70px
        }

        .m-70 {
            margin: 70px
        }

        .mt-70 {
            margin-top: 70px
        }

        .ml-70 {
            margin-left: 70px
        }

        .mr-70 {
            margin-right: 70px
        }

        .mb-70 {
            margin-bottom: 70px
        }

        .p-75 {
            padding: 75px
        }

        .pt-75 {
            padding-top: 75px
        }

        .pl-75 {
            padding-left: 75px
        }

        .pr-75 {
            padding-right: 75px
        }

        .pb-75 {
            padding-bottom: 75px
        }

        .m-75 {
            margin: 75px
        }

        .mt-75 {
            margin-top: 75px
        }

        .ml-75 {
            margin-left: 75px
        }

        .mr-75 {
            margin-right: 75px
        }

        .mb-75 {
            margin-bottom: 75px
        }

        .p-80 {
            padding: 80px
        }

        .pt-80 {
            padding-top: 80px
        }

        .pl-80 {
            padding-left: 80px
        }

        .pr-80 {
            padding-right: 80px
        }

        .pb-80 {
            padding-bottom: 80px
        }

        .m-80 {
            margin: 80px
        }

        .mt-80 {
            margin-top: 80px
        }

        .ml-80 {
            margin-left: 80px
        }

        .mr-80 {
            margin-right: 80px
        }

        .mb-80 {
            margin-bottom: 80px
        }

        .p-85 {
            padding: 85px
        }

        .pt-85 {
            padding-top: 85px
        }

        .pl-85 {
            padding-left: 85px
        }

        .pr-85 {
            padding-right: 85px
        }

        .pb-85 {
            padding-bottom: 85px
        }

        .m-85 {
            margin: 85px
        }

        .mt-85 {
            margin-top: 85px
        }

        .ml-85 {
            margin-left: 85px
        }

        .mr-85 {
            margin-right: 85px
        }

        .mb-85 {
            margin-bottom: 85px
        }

        .p-90 {
            padding: 90px
        }

        .pt-90 {
            padding-top: 90px
        }

        .pl-90 {
            padding-left: 90px
        }

        .pr-90 {
            padding-right: 90px
        }

        .pb-90 {
            padding-bottom: 90px
        }

        .m-90 {
            margin: 90px
        }

        .mt-90 {
            margin-top: 90px
        }

        .ml-90 {
            margin-left: 90px
        }

        .mr-90 {
            margin-right: 90px
        }

        .mb-90 {
            margin-bottom: 90px
        }

        .p-95 {
            padding: 95px
        }

        .pt-95 {
            padding-top: 95px
        }

        .pl-95 {
            padding-left: 95px
        }

        .pr-95 {
            padding-right: 95px
        }

        .pb-95 {
            padding-bottom: 95px
        }

        .m-95 {
            margin: 95px
        }

        .mt-95 {
            margin-top: 95px
        }

        .ml-95 {
            margin-left: 95px
        }

        .mr-95 {
            margin-right: 95px
        }

        .mb-95 {
            margin-bottom: 95px
        }

        .p-100 {
            padding: 100px
        }

        .pt-100 {
            padding-top: 100px
        }

        .pl-100 {
            padding-left: 100px
        }

        .pr-100 {
            padding-right: 100px
        }

        .pb-100 {
            padding-bottom: 100px
        }

        .m-100 {
            margin: 100px
        }

        .mt-100 {
            margin-top: 100px
        }

        .ml-100 {
            margin-left: 100px
        }

        .mr-100 {
            margin-right: 100px
        }

        .mb-100 {
            margin-bottom: 100px
        }

        .ant-delay-1 {
            -moz-animation-delay: 60ms;
            -webkit-animation-delay: 60ms;
            animation-delay: 60ms
        }

        .ant-delay-2 {
            -moz-animation-delay: 120ms;
            -webkit-animation-delay: 120ms;
            animation-delay: 120ms
        }

        .ant-delay-3 {
            -moz-animation-delay: 180ms;
            -webkit-animation-delay: 180ms;
            animation-delay: 180ms
        }

        .ant-delay-4 {
            -moz-animation-delay: 240ms;
            -webkit-animation-delay: 240ms;
            animation-delay: 240ms
        }

        .ant-delay-5 {
            -moz-animation-delay: 300ms;
            -webkit-animation-delay: 300ms;
            animation-delay: 300ms
        }

        .ant-delay-6 {
            -moz-animation-delay: 360ms;
            -webkit-animation-delay: 360ms;
            animation-delay: 360ms
        }

        .ant-delay-7 {
            -moz-animation-delay: 420ms;
            -webkit-animation-delay: 420ms;
            animation-delay: 420ms
        }

        .ant-delay-8 {
            -moz-animation-delay: 480ms;
            -webkit-animation-delay: 480ms;
            animation-delay: 480ms
        }

        .ant-delay-9 {
            -moz-animation-delay: 540ms;
            -webkit-animation-delay: 540ms;
            animation-delay: 540ms
        }

        .ant-delay-10 {
            -moz-animation-delay: 600ms;
            -webkit-animation-delay: 600ms;
            animation-delay: 600ms
        }

        .ant-delay-11 {
            -moz-animation-delay: 660ms;
            -webkit-animation-delay: 660ms;
            animation-delay: 660ms
        }

        .ant-delay-12 {
            -moz-animation-delay: 720ms;
            -webkit-animation-delay: 720ms;
            animation-delay: 720ms
        }

        .ant-delay-13 {
            -moz-animation-delay: 780ms;
            -webkit-animation-delay: 780ms;
            animation-delay: 780ms
        }

        .ant-delay-14 {
            -moz-animation-delay: 840ms;
            -webkit-animation-delay: 840ms;
            animation-delay: 840ms
        }

        .ant-delay-15 {
            -moz-animation-delay: 900ms;
            -webkit-animation-delay: 900ms;
            animation-delay: 900ms
        }

        .ant-delay-16 {
            -moz-animation-delay: 960ms;
            -webkit-animation-delay: 960ms;
            animation-delay: 960ms
        }

        .ant-delay-17 {
            -moz-animation-delay: 1020ms;
            -webkit-animation-delay: 1020ms;
            animation-delay: 1020ms
        }

        .ant-delay-18 {
            -moz-animation-delay: 1080ms;
            -webkit-animation-delay: 1080ms;
            animation-delay: 1080ms
        }

        .ant-delay-19 {
            -moz-animation-delay: 1140ms;
            -webkit-animation-delay: 1140ms;
            animation-delay: 1140ms
        }

        .ant-delay-20 {
            -moz-animation-delay: 1200ms;
            -webkit-animation-delay: 1200ms;
            animation-delay: 1200ms
        }

        .ant-delay-21 {
            -moz-animation-delay: 1260ms;
            -webkit-animation-delay: 1260ms;
            animation-delay: 1260ms
        }

        .ant-delay-22 {
            -moz-animation-delay: 1320ms;
            -webkit-animation-delay: 1320ms;
            animation-delay: 1320ms
        }

        .ant-delay-23 {
            -moz-animation-delay: 1380ms;
            -webkit-animation-delay: 1380ms;
            animation-delay: 1380ms
        }

        .ant-delay-24 {
            -moz-animation-delay: 1440ms;
            -webkit-animation-delay: 1440ms;
            animation-delay: 1440ms
        }

        .ant-delay-25 {
            -moz-animation-delay: 1500ms;
            -webkit-animation-delay: 1500ms;
            animation-delay: 1500ms
        }

        .ant-delay-26 {
            -moz-animation-delay: 1560ms;
            -webkit-animation-delay: 1560ms;
            animation-delay: 1560ms
        }

        .ant-delay-27 {
            -moz-animation-delay: 1620ms;
            -webkit-animation-delay: 1620ms;
            animation-delay: 1620ms
        }

        .ant-delay-28 {
            -moz-animation-delay: 1680ms;
            -webkit-animation-delay: 1680ms;
            animation-delay: 1680ms
        }

        .ant-delay-29 {
            -moz-animation-delay: 1740ms;
            -webkit-animation-delay: 1740ms;
            animation-delay: 1740ms
        }

        .ant-delay-30 {
            -moz-animation-delay: 1800ms;
            -webkit-animation-delay: 1800ms;
            animation-delay: 1800ms
        }

        .ant-delay-31 {
            -moz-animation-delay: 1860ms;
            -webkit-animation-delay: 1860ms;
            animation-delay: 1860ms
        }

        .ant-delay-32 {
            -moz-animation-delay: 1920ms;
            -webkit-animation-delay: 1920ms;
            animation-delay: 1920ms
        }

        .ant-delay-33 {
            -moz-animation-delay: 1980ms;
            -webkit-animation-delay: 1980ms;
            animation-delay: 1980ms
        }

        .ant-delay-34 {
            -moz-animation-delay: 2040ms;
            -webkit-animation-delay: 2040ms;
            animation-delay: 2040ms
        }

        .ant-delay-35 {
            -moz-animation-delay: 2100ms;
            -webkit-animation-delay: 2100ms;
            animation-delay: 2100ms
        }

        .ant-delay-36 {
            -moz-animation-delay: 2160ms;
            -webkit-animation-delay: 2160ms;
            animation-delay: 2160ms
        }

        .ant-delay-37 {
            -moz-animation-delay: 2220ms;
            -webkit-animation-delay: 2220ms;
            animation-delay: 2220ms
        }

        .ant-delay-38 {
            -moz-animation-delay: 2280ms;
            -webkit-animation-delay: 2280ms;
            animation-delay: 2280ms
        }

        .ant-delay-39 {
            -moz-animation-delay: 2340ms;
            -webkit-animation-delay: 2340ms;
            animation-delay: 2340ms
        }

        .ant-delay-40 {
            -moz-animation-delay: 2400ms;
            -webkit-animation-delay: 2400ms;
            animation-delay: 2400ms
        }

        .ant-delay-41 {
            -moz-animation-delay: 2460ms;
            -webkit-animation-delay: 2460ms;
            animation-delay: 2460ms
        }

        .ant-delay-42 {
            -moz-animation-delay: 2520ms;
            -webkit-animation-delay: 2520ms;
            animation-delay: 2520ms
        }

        .ant-delay-43 {
            -moz-animation-delay: 2580ms;
            -webkit-animation-delay: 2580ms;
            animation-delay: 2580ms
        }

        .ant-delay-44 {
            -moz-animation-delay: 2640ms;
            -webkit-animation-delay: 2640ms;
            animation-delay: 2640ms
        }

        .ant-delay-45 {
            -moz-animation-delay: 2700ms;
            -webkit-animation-delay: 2700ms;
            animation-delay: 2700ms
        }

        .ant-delay-46 {
            -moz-animation-delay: 2760ms;
            -webkit-animation-delay: 2760ms;
            animation-delay: 2760ms
        }

        .ant-delay-47 {
            -moz-animation-delay: 2820ms;
            -webkit-animation-delay: 2820ms;
            animation-delay: 2820ms
        }

        .ant-delay-48 {
            -moz-animation-delay: 2880ms;
            -webkit-animation-delay: 2880ms;
            animation-delay: 2880ms
        }

        .ant-delay-49 {
            -moz-animation-delay: 2940ms;
            -webkit-animation-delay: 2940ms;
            animation-delay: 2940ms
        }

        .ant-delay-50 {
            -moz-animation-delay: 3000ms;
            -webkit-animation-delay: 3000ms;
            animation-delay: 3000ms
        }

        .ant-delay-51 {
            -moz-animation-delay: 3060ms;
            -webkit-animation-delay: 3060ms;
            animation-delay: 3060ms
        }

        .ant-delay-52 {
            -moz-animation-delay: 3120ms;
            -webkit-animation-delay: 3120ms;
            animation-delay: 3120ms
        }

        .ant-delay-53 {
            -moz-animation-delay: 3180ms;
            -webkit-animation-delay: 3180ms;
            animation-delay: 3180ms
        }

        .ant-delay-54 {
            -moz-animation-delay: 3240ms;
            -webkit-animation-delay: 3240ms;
            animation-delay: 3240ms
        }

        .ant-delay-55 {
            -moz-animation-delay: 3300ms;
            -webkit-animation-delay: 3300ms;
            animation-delay: 3300ms
        }

        .ant-delay-56 {
            -moz-animation-delay: 3360ms;
            -webkit-animation-delay: 3360ms;
            animation-delay: 3360ms
        }

        .ant-delay-57 {
            -moz-animation-delay: 3420ms;
            -webkit-animation-delay: 3420ms;
            animation-delay: 3420ms
        }

        .ant-delay-58 {
            -moz-animation-delay: 3480ms;
            -webkit-animation-delay: 3480ms;
            animation-delay: 3480ms
        }

        .ant-delay-59 {
            -moz-animation-delay: 3540ms;
            -webkit-animation-delay: 3540ms;
            animation-delay: 3540ms
        }

        .ant-delay-60 {
            -moz-animation-delay: 3600ms;
            -webkit-animation-delay: 3600ms;
            animation-delay: 3600ms
        }

        .ant-delay-61 {
            -moz-animation-delay: 3660ms;
            -webkit-animation-delay: 3660ms;
            animation-delay: 3660ms
        }

        .ant-delay-62 {
            -moz-animation-delay: 3720ms;
            -webkit-animation-delay: 3720ms;
            animation-delay: 3720ms
        }

        .ant-delay-63 {
            -moz-animation-delay: 3780ms;
            -webkit-animation-delay: 3780ms;
            animation-delay: 3780ms
        }

        .ant-delay-64 {
            -moz-animation-delay: 3840ms;
            -webkit-animation-delay: 3840ms;
            animation-delay: 3840ms
        }

        .ant-delay-65 {
            -moz-animation-delay: 3900ms;
            -webkit-animation-delay: 3900ms;
            animation-delay: 3900ms
        }

        .ant-delay-66 {
            -moz-animation-delay: 3960ms;
            -webkit-animation-delay: 3960ms;
            animation-delay: 3960ms
        }

        .ant-delay-67 {
            -moz-animation-delay: 4020ms;
            -webkit-animation-delay: 4020ms;
            animation-delay: 4020ms
        }

        .ant-delay-68 {
            -moz-animation-delay: 4080ms;
            -webkit-animation-delay: 4080ms;
            animation-delay: 4080ms
        }

        .ant-delay-69 {
            -moz-animation-delay: 4140ms;
            -webkit-animation-delay: 4140ms;
            animation-delay: 4140ms
        }

        .ant-delay-70 {
            -moz-animation-delay: 4200ms;
            -webkit-animation-delay: 4200ms;
            animation-delay: 4200ms
        }

        .ant-delay-71 {
            -moz-animation-delay: 4260ms;
            -webkit-animation-delay: 4260ms;
            animation-delay: 4260ms
        }

        .ant-delay-72 {
            -moz-animation-delay: 4320ms;
            -webkit-animation-delay: 4320ms;
            animation-delay: 4320ms
        }

        .ant-delay-73 {
            -moz-animation-delay: 4380ms;
            -webkit-animation-delay: 4380ms;
            animation-delay: 4380ms
        }

        .ant-delay-74 {
            -moz-animation-delay: 4440ms;
            -webkit-animation-delay: 4440ms;
            animation-delay: 4440ms
        }

        .ant-delay-75 {
            -moz-animation-delay: 4500ms;
            -webkit-animation-delay: 4500ms;
            animation-delay: 4500ms
        }

        .ant-delay-76 {
            -moz-animation-delay: 4560ms;
            -webkit-animation-delay: 4560ms;
            animation-delay: 4560ms
        }

        .ant-delay-77 {
            -moz-animation-delay: 4620ms;
            -webkit-animation-delay: 4620ms;
            animation-delay: 4620ms
        }

        .ant-delay-78 {
            -moz-animation-delay: 4680ms;
            -webkit-animation-delay: 4680ms;
            animation-delay: 4680ms
        }

        .ant-delay-79 {
            -moz-animation-delay: 4740ms;
            -webkit-animation-delay: 4740ms;
            animation-delay: 4740ms
        }

        .ant-delay-80 {
            -moz-animation-delay: 4800ms;
            -webkit-animation-delay: 4800ms;
            animation-delay: 4800ms
        }

        .ant-delay-81 {
            -moz-animation-delay: 4860ms;
            -webkit-animation-delay: 4860ms;
            animation-delay: 4860ms
        }

        .ant-delay-82 {
            -moz-animation-delay: 4920ms;
            -webkit-animation-delay: 4920ms;
            animation-delay: 4920ms
        }

        .ant-delay-83 {
            -moz-animation-delay: 4980ms;
            -webkit-animation-delay: 4980ms;
            animation-delay: 4980ms
        }

        .ant-delay-84 {
            -moz-animation-delay: 5040ms;
            -webkit-animation-delay: 5040ms;
            animation-delay: 5040ms
        }

        .ant-delay-85 {
            -moz-animation-delay: 5100ms;
            -webkit-animation-delay: 5100ms;
            animation-delay: 5100ms
        }

        .ant-delay-86 {
            -moz-animation-delay: 5160ms;
            -webkit-animation-delay: 5160ms;
            animation-delay: 5160ms
        }

        .ant-delay-87 {
            -moz-animation-delay: 5220ms;
            -webkit-animation-delay: 5220ms;
            animation-delay: 5220ms
        }

        .ant-delay-88 {
            -moz-animation-delay: 5280ms;
            -webkit-animation-delay: 5280ms;
            animation-delay: 5280ms
        }

        .ant-delay-89 {
            -moz-animation-delay: 5340ms;
            -webkit-animation-delay: 5340ms;
            animation-delay: 5340ms
        }

        .ant-delay-90 {
            -moz-animation-delay: 5400ms;
            -webkit-animation-delay: 5400ms;
            animation-delay: 5400ms
        }

        .ant-delay-91 {
            -moz-animation-delay: 5460ms;
            -webkit-animation-delay: 5460ms;
            animation-delay: 5460ms
        }

        .ant-delay-92 {
            -moz-animation-delay: 5520ms;
            -webkit-animation-delay: 5520ms;
            animation-delay: 5520ms
        }

        .ant-delay-93 {
            -moz-animation-delay: 5580ms;
            -webkit-animation-delay: 5580ms;
            animation-delay: 5580ms
        }

        .ant-delay-94 {
            -moz-animation-delay: 5640ms;
            -webkit-animation-delay: 5640ms;
            animation-delay: 5640ms
        }

        .ant-delay-95 {
            -moz-animation-delay: 5700ms;
            -webkit-animation-delay: 5700ms;
            animation-delay: 5700ms
        }

        .ant-delay-96 {
            -moz-animation-delay: 5760ms;
            -webkit-animation-delay: 5760ms;
            animation-delay: 5760ms
        }

        .ant-delay-97 {
            -moz-animation-delay: 5820ms;
            -webkit-animation-delay: 5820ms;
            animation-delay: 5820ms
        }

        .ant-delay-98 {
            -moz-animation-delay: 5880ms;
            -webkit-animation-delay: 5880ms;
            animation-delay: 5880ms
        }

        .ant-delay-99 {
            -moz-animation-delay: 5940ms;
            -webkit-animation-delay: 5940ms;
            animation-delay: 5940ms
        }

        .ant-delay-100 {
            -moz-animation-delay: 6000ms;
            -webkit-animation-delay: 6000ms;
            animation-delay: 6000ms
        }

        .bg-color-transition {
            -moz-animation: bgColorTransition ease 1.4s infinite;
            -webkit-animation: bgColorTransition ease 1.4s infinite;
            animation: bgColorTransition ease 1.4s infinite
        }

        @-moz-keyframes bgColorTransition {
            0% {
                background-color: #1d6459
            }

            14.28571% {
                background-color: #975000
            }

            28.57143% {
                background-color: #844949
            }

            42.85714% {
                background-color: #004073
            }

            57.14286% {
                background-color: #ac355d
            }

            71.42857% {
                background-color: #6b0581
            }

            85.71429% {
                background-color: #514739
            }
        }

        @-webkit-keyframes bgColorTransition {
            0% {
                background-color: #1d6459
            }

            14.28571% {
                background-color: #975000
            }

            28.57143% {
                background-color: #844949
            }

            42.85714% {
                background-color: #004073
            }

            57.14286% {
                background-color: #ac355d
            }

            71.42857% {
                background-color: #6b0581
            }

            85.71429% {
                background-color: #514739
            }
        }

        @keyframes bgColorTransition {
            0% {
                background-color: #1d6459
            }

            14.28571% {
                background-color: #975000
            }

            28.57143% {
                background-color: #844949
            }

            42.85714% {
                background-color: #004073
            }

            57.14286% {
                background-color: #ac355d
            }

            71.42857% {
                background-color: #6b0581
            }

            85.71429% {
                background-color: #514739
            }
        }

        .display-flex {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-box;
            display: box;
            -webkit-box-align: center;
            -moz-box-align: center;
            -ms-box-align: center;
            box-align: center;
            -webkit-box-pack: justify;
            -moz-box-pack: justify;
            -ms-box-pack: justify;
            box-pack: justify
        }

        .box-flex-1 {
            -webkit-box-flex: 1;
            -moz-box-flex: 1;
            -ms-box-flex: 1;
            box-flex: 1
        }

        .animate-overlay {
            position: fixed;
            z-index: 2000;
            width: 100%;
            height: 100%;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
            top: 0;
            background-color: #F8F8F8;
            -moz-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
            -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
            -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
            transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
            -moz-transform: translate(0%, 100%);
            -ms-transform: translate(0%, 100%);
            -webkit-transform: translate(0%, 100%);
            transform: translate(0%, 100%)
        }

        .animate-overlay.show {
            -moz-transform: translate(0%, 0%);
            -ms-transform: translate(0%, 0%);
            -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%)
        }

        .dis-animate-overlay {
            position: fixed;
            z-index: 2000;
            width: 100%;
            height: 100%;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
            top: 0;
            background-color: #F8F8F8;
            display: none
        }

        .dis-animate-overlay.show {
            display: block
        }

        label>* {
            pointer-events: none
        }

        .gap-line {
            position: relative;
            font-size: 1.8rem;
            padding: 10px 0;
            color: #333;
            text-align: center;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-box;
            display: box
        }

        .gap-line:before,
        .gap-line:after {
            content: '';
            -webkit-box-flex: 1;
            -moz-box-flex: 1;
            -ms-box-flex: 1;
            box-flex: 1;
            display: block;
            height: 1px;
            border-top: 1px solid #333;
            position: relative;
            top: 12px;
            -moz-transform: scaleY(0.5);
            -ms-transform: scaleY(0.5);
            -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5)
        }

        .gap-line:before {
            margin-right: 15px
        }

        .gap-line:after {
            margin-left: 15px
        }

        .share-overlay {
            position: absolute;
            top: -115px;
            left: 0;
            width: 100%;
            color: #006ebc;
            padding: 35px 0;
            text-align: center;
            background: #fff;
            border-radius: 0px;
            overflow: hidden;
            z-index: 4005;
            -moz-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
            -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
            -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
            transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1)
        }

        .share-overlay.show {
            top: 0%
        }

        .share-overlay .share-arrow {
            position: absolute;
            width: 40px;
            top: 10px;
            right: 30px
        }

        .loading-more {
            height: 40px;
            line-height: 40px
        }

        .loading-more:before {
            content: '加载更多'
        }


        #map-container {
            position: absolute;
            top: 0;
            width: 100%;
            height: 100%
        }

        .fix-map-up {
            position: relative;
            z-index: 10;
            background-color: #fff;
            -moz-box-shadow: 0 0 5px 1px #e6e6e6;
            -webkit-box-shadow: 0 0 5px 1px #e6e6e6;
            box-shadow: 0 0 5px 1px #e6e6e6
        }

        .fix-map-up .fm-empty {
            font-size: 16px;
            text-align: center;
            padding: 20px 0
        }

        .fix-map-up .fm-item {
            position: relative
        }

        .fix-map-up .fm-item .fmo-left p {
            font-size: 16px;
            padding: 2px 0;
            color: #333
        }

        .fix-map-up .fm-item .fmo-left .sub-title {
            color: #666
        }

        .fix-map-up .fm-item .fmo-right {
            position: absolute;
            top: 50%;
            right: 5px;
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
        }

        .fix-map-up .fm-item .fmo-right a {
            display: block
        }



        .custom-map-infobox {
            background-color: rgba(255, 255, 255, 0.9);
            color: #333;
            width: 220px;
            padding: 10px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            -moz-box-shadow: 0 0 1px 1px #e6e6e6;
            -webkit-box-shadow: 0 0 1px 1px #e6e6e6;
            box-shadow: 0 0 1px 1px #e6e6e6
        }

        .custom-map-infobox:after {
            content: '';
            position: absolute;
            width: 0;
            height: 0;
            bottom: -10px;
            left: 0;
            right: 0;
            margin: 0 auto;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-top: 10px solid rgba(255, 255, 255, 0.9)
        }

        .custom-map-infobox>img:first-child {
            display: none
        }

        .BMap_noprint.anchorBL {
            left: 10px !important
        }

        .marker-station {
            display: table;
            width: 100%
        }

        .marker-station>div {
            display: table-cell;
            vertical-align: middle
        }

        .marker-station .ms-left {
            width: 180px
        }

        .marker-station .ms-left .msl-name {
            font-size: 14px;
            color: #333;
            margin-bottom: 5px
        }

        .marker-station .ms-left .msl-content {
            position: relative;
            height: 25px;
            line-height: 25px
        }

        .marker-station .ms-left .msl-content .msl-time {
            display: inline-block;
            font-size: 14px;
            color: #999
        }

        .marker-station .ms-left .msl-content .msl-btn {
            font-size: 13px;
            color: #666;
            position: absolute;
            left: 0;
            top: 0;
            cursor: pointer
        }

        .marker-station .ms-right {
            position: relative;
            padding: 0 0 0 10px
        }

        .marker-station .ms-right:before {
            content: '';
            display: inline-block;
            position: absolute;
            top: 13%;
            left: 0;
            height: 74%;
            width: 1px;
            background-color: #e6e6e6
        }

        .marker-station .ms-right>a {
            width: 50px;
            display: block;
            text-align: center
        }

        .marker-station .ms-right .msr-go {
            display: inline-block;
            width: 20px;
            height: 28px;
            background: url("1121.cn/20171025181256/images/makers/go.png") no-repeat center;
            -moz-background-size: 100%;
            -o-background-size: 100%;
            -webkit-background-size: 100%;
            background-size: 100%
        }

        .marker-station .ms-right .msr-txt {
            font-size: 13px;
            margin-top: 5px;
            color: #fcb131
        }

        .BMap_Marker.animation {
            -moz-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
            -o-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
            -webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
            transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1)
        }

        .BMap_Marker.animation.disabled {
            filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
            opacity: 1;
            -moz-transition: none 0s cubic-bezier(0.165, 0.84, 0.44, 1);
            -o-transition: none 0s cubic-bezier(0.165, 0.84, 0.44, 1);
            -webkit-transition: none 0s cubic-bezier(0.165, 0.84, 0.44, 1);
            transition: none 0s cubic-bezier(0.165, 0.84, 0.44, 1)
        }

        .error-section {
            position: fixed;
            width: 100%;
            text-align: center;
            z-index: 0;
            top: 50%;
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
        }

        .error-section .es-title {
            font-size: 18px;
            margin: 6px 0
        }

        .error-section .es-content {
            color: #999;
            margin: 0 auto;
            font-size: 14px
        }

        .error-section .es-content:before {
            content: '';
            display: block;
            width: 103px;
            height: 74px;
            background: url("1121.cn/20171025181256/images/icons/error@2x.png") no-repeat center;
            -moz-background-size: 100%;
            -o-background-size: 100%;
            -webkit-background-size: 100%;
            background-size: 100%;
            margin: 0 auto 15px
        }

        .animated {
            animation-duration: 0.6s !important
        }

        .map-hint {
            text-align: center;
            color: #666;
            font-size: 16px;
            margin-top: 200px
        }

        .icon-user {
            display: inline-block;
            width: 20px;
            height: 25px;
            vertical-align: middle;
            background: url("1121.cn/20171025181256/images/icons/user@2x.png") no-repeat center;
            background-size: 20px 25px
        }

        .icon-psw {
            display: inline-block;
            width: 20px;
            height: 25px;
            vertical-align: middle;
            background: url("1121.cn/20171025181256/images/icons/lock@2x.png") no-repeat center;
            background-size: 20px 25px
        }

        .icon-code {
            display: inline-block;
            width: 20px;
            height: 25px;
            vertical-align: middle;
            background: url("1121.cn/20171025181256/images/icons/edit@2x.png") no-repeat center;
            background-size: 20px 25px
        }

        .icon-edit {
            display: inline-block;
            width: 18px;
            height: 18px;
            vertical-align: middle;
            background: url("1121.cn/20171025181256/images/icons/edit.png") no-repeat center;
            background-size: 18px 18px
        }

        .icon-tel {
            fill: #006ebc;
            width: 50px;
            height: 50px;
            transform-origin: center;
            -moz-transform: rotate(245deg);
            -ms-transform: rotate(245deg);
            -webkit-transform: rotate(245deg);
            transform: rotate(245deg);
            margin-top: -10px
        }

        .icon-arrow-right {
            fill: #006ebc;
            vertical-align: middle;
            -moz-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg)
        }

        .icon-location {
            display: inline-block;
            width: 20px;
            height: 18px;
            vertical-align: middle;
            background: url("1121.cn/20171025181256/images/icons/location.png") no-repeat center;
            background-size: 20px 18px
        }

        .station-time {
            position: relative;
            top: -1px;
            margin-right: 4px;
            display: inline-block;
            width: 10px;
            height: 10px;
            vertical-align: middle;
            background: url("1121.cn/20171025181256/images/icons/time@2x.png") no-repeat center;
            background-size: 10px 10px
        }

        .circle-point {
            display: inline-block;
            border-radius: 50%;
            width: 10px;
            height: 10px;
            margin: 0 10px;
            background-color: #999;
            opacity: 0.8
        }

        .circle-point.red {
            background-color: #ff3b30
        }

        .circle-point.green {
            background-color: #4ccc7f
        }

        .read-checkbox {
            border: 1px solid #666;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            display: inline-block;
            width: 18px;
            height: 18px;
            position: relative;
            background-color: #fff
        }

        .read-checkbox:checked:after {
            content: '';
            display: inline-block;
            position: absolute;
            top: 0;
            right: 0;
            width: 16px;
            height: 16px;
            background: url("1121.cn/20171025181256/images/icons/b-right@3x.png") no-repeat center;
            background-color: #fff;
            -moz-background-size: 100%;
            -o-background-size: 100%;
            -webkit-background-size: 100%;
            background-size: 100%;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px
        }

        .read-checkbox.yellow {
            width: 15px;
            height: 15px;
            background-color: transparent;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            border-radius: 2px
        }

        .read-checkbox.yellow:checked:after {
            content: '';
            display: inline-block;
            position: absolute;
            top: -4px;
            right: -3px;
            width: 15px;
            height: 15px;
            background: url("1121.cn/20171025181256/images/icons/y-right@2x.png") no-repeat center;
            -moz-background-size: 100%;
            -o-background-size: 100%;
            -webkit-background-size: 100%;
            background-size: 100%;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            border-radius: 2px
        }

        .ap-star {
            display: inline-block;
            width: 0;
            height: 0;
            margin: 25px 0;
            position: relative;
            border-left: 25px solid transparent;
            border-right: 25px solid transparent;
            border-bottom-width: 17.5px;
            border-bottom-style: solid;
            border-bottom-color: #e6e6e6;
            -moz-transform: rotate(35deg) scale(0.8);
            -ms-transform: rotate(35deg) scale(0.8);
            -webkit-transform: rotate(35deg) scale(0.8);
            transform: rotate(35deg) scale(0.8)
        }

        .ap-star:before {
            content: "";
            width: 0;
            height: 0;
            border-left: 7.5px solid transparent;
            border-right: 7.5px solid transparent;
            border-bottom-width: 20px;
            border-bottom-style: solid;
            border-bottom-color: #e6e6e6;
            position: absolute;
            top: -11px;
            left: -16px;
            display: block;
            -moz-transform: rotate(-35deg);
            -ms-transform: rotate(-35deg);
            -webkit-transform: rotate(-35deg);
            transform: rotate(-35deg)
        }

        .ap-star:after {
            content: "";
            width: 0;
            height: 0;
            display: block;
            position: absolute;
            top: 0.7px;
            left: -26px;
            border-left: 25px solid transparent;
            border-right: 25px solid transparent;
            border-bottom-width: 17.5px;
            border-bottom-style: solid;
            border-bottom-color: #e6e6e6;
            -moz-transform: rotate(-70deg);
            -ms-transform: rotate(-70deg);
            -webkit-transform: rotate(-70deg);
            transform: rotate(-70deg)
        }

        .ap-star.active,
        .ap-star.active:before,
        .ap-star.active:after {
            border-bottom-color: #4ccc7f
        }

        .hl-star {
            display: inline-block;
            margin: 0 2px;
            position: relative;
            width: 30px;
            height: 30px;
            background: url("1121.cn/20171025181256/images/icons/start.png") no-repeat center;
            -moz-background-size: 100%;
            -o-background-size: 100%;
            -webkit-background-size: 100%;
            background-size: 100%;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease
        }

        .hl-star.active {
            background: url("1121.cn/20171025181256/images/icons/start-active.png") no-repeat center;
            -moz-background-size: 100%;
            -o-background-size: 100%;
            -webkit-background-size: 100%;
            background-size: 100%
        }

        .circle-input-checkbox {
            display: inline-block;
            vertical-align: middle;
            width: 18px;
            height: 18px;
            background-color: #fff;
            position: relative;
            top: -1px;
            margin-right: 5px;
            box-sizing: border-box;
            border-radius: 10px;
            border: 1px solid #e6e6e6
        }

        .circle-input-checkbox:checked {
            border: 5px solid #4ccc7f
        }

        .bg-city {
            background: #3b3c4e url("1121.cn/20171025181256/images/city-bg@2x.png") no-repeat center bottom;
            -moz-background-size: 100% 20%;
            -o-background-size: 100% 20%;
            -webkit-background-size: 100% 20%;
            background-size: 100% 20%
        }

        .logo-pic {
            margin: 4rem auto;
            width: 84px
        }

        .account-header {
            height: 17rem;
            background: url("1121.cn/20171025181256/images/head-bg.png") no-repeat center;
            -moz-background-size: 100% 17rem;
            -o-background-size: 100% 17rem;
            -webkit-background-size: 100% 17rem;
            background-size: 100% 17rem;
            color: #fff;
            text-align: center
        }

        .account-header .ac-body {
            margin: 0 auto
        }

        .account-header .ac-body>img {
            width: 7rem;
            height: 7rem;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            margin: 2rem 0 0
        }

        .account-header .ac-body>.name {
            font-size: 1.6rem;
            height: 4rem;
            line-height: 4rem
        }

        .account-header .ac-body>.name>input {
            text-align: center;
            display: inline-block;
            border: 0;
            -moz-border-radius: 0;
            -webkit-border-radius: 0;
            border-radius: 0;
            box-sizing: border-box;
            background-color: transparent;
            width: 9rem
        }

        .account-header .ac-body>.name>input.edit-name {
            border-bottom: 1px solid #fff
        }

        .account-header .ac-body>.name .save-name {
            border: 1px solid #fff;
            color: #fff;
            display: none;
            font-size: 1.4rem;
            padding: .2rem .6rem;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px
        }

        .account-header .ac-body .name-title {
            position: relative;
            top: 2px
        }

        .account-header .ac-body .count {
            display: inline-block;
            font-size: 1.3rem;
            color: #ccc;
            padding: 0.6rem 1.4rem;
            background-color: #252631;
            -moz-border-radius: 2rem;
            -webkit-border-radius: 2rem;
            border-radius: 2rem
        }

        .login-form {
            position: relative
        }

        .login-form .lf-item {
            border-bottom: 1px solid #999;
            line-height: 4.6rem
        }

        .login-form .lf-item input,
        .login-form .lf-item select {
            display: block;
            font-size: 1.6rem;
            color: #fff;
            padding: 1.6rem 0 1rem 1rem;
            border: 0;
            background-color: transparent
        }

        .login-form .lf-item .verify-code {
            color: #ffde00;
            line-height: 44px;
            width: 90px;
            text-align: center
        }

        .login-form .lf-item .verify-code.active {
            color: #ffde00
        }

        .calc-loading {
            background-color: #F8F8F8;
            position: absolute;
            text-align: center;
            left: 0;
            right: 0;
            display: block;
            top: 0;
            bottom: 0;
            z-index: 10
        }

        .calc-loading.active {
            display: none
        }

        .calc-loading>img {
            width: 50px;
            margin-top: 20px
        }

        .lf-fixed-btn {
            color: #006ebc;
            text-align: center;
            position: fixed;
            bottom: 20px;
            left: 0;
            right: 0
        }

        .lf-fixed-btn.bottom-20 {
            bottom: 30px
        }

        .me-a-header {
            text-align: center;
            background-color: #3b3c4e;
            padding: 2rem 0;
            font-size: 1.6rem
        }

        .me-a-header .title {
            color: #ffde00;
            font-weight: bolder
        }

        .me-a-header .title>span {
            font-size: 2.4rem
        }

        .me-a-header .sub-title {
            color: #fff
        }

        .coupon-exchange-sec {
            padding: 10px 10px 0
        }

        .coupon-exchange-sec .coupon-exchange {
            overflow: hidden;
            background-color: #fff;
            width: 100%;
            border: 1px solid #e6e6e6;
            margin: 0 auto;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px
        }

        .coupon-exchange-sec .coupon-exchange>input {
            width: 69%;
            border: none;
            padding: 12px 10px
        }

        .coupon-exchange-sec .coupon-exchange>button {
            float: right;
            font-size: 1.2em;
            width: 30%;
            height: 40px;
            line-height: 40px;
            padding: 0 20px;
            -moz-border-radius-topleft: 0;
            -webkit-border-top-left-radius: 0;
            border-top-left-radius: 0;
            -moz-border-radius-bottomleft: 0;
            -webkit-border-bottom-left-radius: 0;
            border-bottom-left-radius: 0;
            -moz-border-radius-topright: 5px;
            -webkit-border-top-right-radius: 5px;
            border-top-right-radius: 5px;
            -moz-border-radius-bottomright: 5px;
            -webkit-border-bottom-right-radius: 5px;
            border-bottom-right-radius: 5px
        }

        .line-list.edit-account .line-item {
            line-height: 44px
        }

        .line-list.edit-account .line-item .ea-avatar {
            width: 36px;
            height: 36px;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%
        }

        .line-list.edit-account .line-item input.mbsc-control {
            border: none;
            float: right;
            display: inline-block;
            width: 20px;
            line-height: 44px;
            color: #666;
            background-color: transparent
        }

        .hl-coupon-list {
            padding: 10px
        }

        .hl-coupon-list>label {
            display: block
        }

        .hl-coupon-list li {
            position: relative;
            margin: 10px 0;
            background-color: #fff;
            -moz-box-shadow: 0 2px 5px #ccc;
            -webkit-box-shadow: 0 2px 5px #ccc;
            box-shadow: 0 2px 5px #ccc;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            border-radius: 2px;
            overflow: hidden
        }

        .hl-coupon .hlc-title {
            color: #fff;
            font-size: 13px;
            height: 24px;
            text-indent: 1em;
            line-height: 30px;
            background-color: #f80
        }

        .hl-coupon .coupon-radio {
            display: inline-block;
            border: 1px solid #f80;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            position: absolute;
            right: 14px;
            bottom: 20px
        }

        .hl-coupon .coupon-radio:checked {
            background: #f80 url("1121.cn/20171025181256/images/white_check@2x.png") no-repeat center;
            background-size: 80%
        }

        .hl-coupon .hlc-content {
            background: url("1121.cn/20171025181256/images/coupon-gap.png") repeat-x top;
            -moz-background-size: 14px 10px;
            -o-background-size: 14px 10px;
            -webkit-background-size: 14px 10px;
            background-size: 14px 10px;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-box;
            display: box;
            padding: 16px 8px
        }

        .hl-coupon .hlc-content .hlcc-left {
            position: relative;
            text-align: center;
            min-width: 80px;
            color: #f80;
            font-size: 55px;
            border-right: 1px dashed #f80
        }

        .hl-coupon .hlc-content .hlcc-left span {
            position: relative;
            display: block;
            vertical-align: middle
        }

        .hl-coupon .hlc-content .hlcc-left sub {
            color: #f80;
            font-size: 18px;
            position: absolute;
            left: -3px;
            bottom: 10px
        }

        .hl-coupon .hlc-content .hlcc-right {
            -webkit-box-flex: 1;
            -moz-box-flex: 1;
            -ms-box-flex: 1;
            box-flex: 1;
            padding-left: 10px
        }

        .hl-coupon .hlc-content .hlcc-right .title {
            color: #333;
            font-size: 14px;
            line-height: 14px;
            padding: 5px 0
        }

        .hl-coupon .hlc-content .hlcc-right .sub-title {
            color: #666;
            font-size: 12px;
            line-height: 16px;
            padding: 5px 0
        }

        .hl-coupon.expired .hlc-title {
            background-color: #999
        }

        .hl-coupon.expired .hlc-content {
            background: url("1121.cn/20171025181256/images/coupon-gap-grey.png") repeat-x top;
            -moz-background-size: 14px 10px;
            -o-background-size: 14px 10px;
            -webkit-background-size: 14px 10px;
            background-size: 14px 10px
        }

        .hl-coupon.expired .hlc-content .hlcc-left {
            color: #999;
            border-right: 1px dashed #999
        }

        .hl-coupon.expired .hlc-content .hlcc-left sub {
            color: #999
        }

        .tab-nav {
            background-color: #3b3c4e;
            text-align: center
        }

        .tab-nav .tab-items {
            font-size: 1.8rem;
            line-height: 4rem
        }

        .tab-nav .tab-items .tab-item {
            color: #fff;
            display: inline-block;
            width: 30%
        }

        .tab-nav .tab-items .tab-item.active {
            color: #ffde00;
            border-bottom: 3px solid #ffde00
        }

        .bus-after-v:after {
            content: "";
            display: inline-block;
            vertical-align: middle;
            width: 8px;
            height: 8px;
            border-top: 1.4px solid currentColor;
            border-right: 1.4px solid currentColor;
            transform: rotate(45deg);
            position: absolute;
            right: 10px;
            top: 50%;
            margin-top: -1px;
            transform: rotate(45deg) translate(0, -50%);
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

        .bus-warning {
            position: absolute;
            right: 10px;
            font-size: 1.4rem;
            padding-right: 20px;
            color: #999;
            line-height: 4rem
        }

        .bus-warning:after {
            content: "";
            position: absolute;
            right: 0;
            top: 50%;
            margin-top: -1px;
            width: 16px;
            height: 14px;
            background: url("1121.cn/20171025181256/images/icons/warning@3x.png") no-repeat center;
            -moz-background-size: 100%;
            -o-background-size: 100%;
            -webkit-background-size: 100%;
            background-size: 100%;
            transform: translate(0, -50%);
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

        .icon-ticket-help {
            position: absolute;
            font-size: 1.4rem;
            padding-left: 24px;
            color: #333;
            line-height: 4rem
        }

        .icon-ticket-help:after {
            content: "";
            position: absolute;
            left: 0;
            top: 50%;
            width: 18px;
            height: 18px;
            background: url("1121.cn/20171025181256/images/icons/hint.png") no-repeat center;
            -moz-background-size: 100%;
            -o-background-size: 100%;
            -webkit-background-size: 100%;
            background-size: 100%;
            transform: translate(0, -50%);
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

        .icon-time {
            position: absolute;
            font-size: 1.4rem;
            padding-left: 25px;
            color: #333;
            line-height: 4rem
        }

        .icon-time:after {
            content: "";
            position: absolute;
            left: 0;
            top: 49%;
            width: 18px;
            height: 18px;
            background: url("1121.cn/20171025181256/images/icons/time.png") no-repeat center;
            -moz-background-size: 100%;
            -o-background-size: 100%;
            -webkit-background-size: 100%;
            background-size: 100%;
            transform: translate(0, -50%);
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

        .shift-list {
            width: 100%;
            text-align: center;
            padding: 10px 0 10px
        }

        .shift-list .shift-item {
            display: inline-block;
            width: 20%;
            position: relative;
            float: left;
            font-size: 16px;
            text-align: center;
            margin: 5px 0;
            padding: 10px 0;
            border-bottom: 1px solid #e6e6e6;
            border-top: 1px solid #e6e6e6
        }

        .shift-list .shift-item.active {
            color: white
        }

        .shift-list .shift-item.active:after {
            display: inline-block;
            content: '';
            width: 40px;
            height: 20px;
            border: 1px solid #4ccc7f;
            background-color: #4ccc7f;
            position: absolute;
            left: 0;
            right: 0;
            top: 12px;
            border-radius: 5px;
            z-index: -1;
            margin: 0 auto;
            padding: 0 3px
        }

        .station-before-circle:before {
            content: '';
            display: inline-block;
            width: 5px;
            height: 5px;
            border-radius: 50%;
            position: relative;
            right: 7px
        }

        .station-before-circle.green:before {
            border: 3px solid #4ccc7f
        }

        .station-before-circle.orange:before {
            border: 3px solid #fcb131
        }

        .bus-list {
            padding: 10px 10px 0 10px
        }

        .bus-list .bus-item {
            margin-bottom: 15px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            -moz-box-shadow: 0px -1px 10px 1px #efefef;
            -webkit-box-shadow: 0px -1px 10px 1px #efefef;
            box-shadow: 0px -1px 10px 1px #efefef;
            background: #fff
        }

        .bus-list .bus-item .bus-body {
            width: 100%;
            padding: 10px 70px 15px 20px;
            position: relative;
            display: block;
            min-height: 20px
        }

        .bus-list .bus-item .bus-body .item-bd .bd-tt {
            font-size: 1.6rem;
            color: #333
        }

        .bus-list .bus-item .bus-body .item-bd .bd-txt {
            margin-top: 6px;
            font-size: 1.4rem;
            color: #999
        }

        .bus-list .bus-item .bus-body .item-right {
            position: absolute;
            top: 50%;
            right: 10px;
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
        }

        .bus-list .bus-item .bus-header {
            position: relative;
            border-bottom: 1px solid #e6e6e6
        }

        .bus-list .bus-item .bus-header .code {
            color: #fcb131;
            float: left;
            font-size: 1.6rem;
            line-height: 4rem;
            padding: 0 0 0 20px;
            display: inline-block
        }

        .bus-list .bus-item .bus-header .shifts {
            line-height: 4rem;
            float: left;
            display: inline-block
        }

        .bus-list .bus-item .bus-header .shifts>li {
            display: inline-block;
            position: relative;
            float: left;
            color: #999;
            font-size: 1.4rem;
            padding: 0 10px
        }

        .bus-list .bus-item .bus-header .shifts>li:not(:first-child):before {
            content: '';
            position: absolute;
            left: 0;
            top: 50%;
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            display: inline-block;
            border-left: 1px solid #e6e6e6;
            height: 14px;
            vertical-align: middle
        }

        .bus-list .bus-item .bus-header .more {
            position: absolute;
            right: 10px;
            font-size: 1.4rem;
            padding-right: 15px;
            color: #999;
            line-height: 4rem;
            height: 4rem
        }

        .empty-bus {
            position: fixed;
            width: 100%;
            text-align: center;
            z-index: 0;
            top: 50%;
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
        }

        .empty-bus .eb-content {
            color: #ccc;
            font-size: 18px;
            margin: 0 auto
        }

        .empty-bus .eb-content:before {
            content: '';
            display: block;
            width: 71px;
            height: 65px;
            background: url("1121.cn/20171025181256/images/icons/empty-bus@2x.png") no-repeat center;
            -moz-background-size: 100%;
            -o-background-size: 100%;
            -webkit-background-size: 100%;
            background-size: 100%;
            margin: 0 auto 15px
        }

        .bus-detail-header {
            border-bottom: 1px solid #e6e6e6;
            background-color: #fff;
            position: relative;
            z-index: 1
        }

        .bus-detail-header .bdh-content {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-box;
            display: box
        }

        .bus-detail-header .bdh-content>div:first-child {
            padding: 10px;
            display: block
        }

        .bus-detail-header .bdh-content>div:first-child p {
            display: block;
            width: 70px;
            height: 70px;
            text-align: center;
            border: 2px solid #3b3c4e;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%
        }

        .bus-detail-header .bdh-content>div:first-child p span {
            font-size: 14px;
            display: block;
            margin: 3px auto;
            font-weight: 400;
            width: 60px;
            height: 60px;
            line-height: 60px;
            color: #fff;
            background-color: #3b3c4e;
            border: thin solid #3b3c4e;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%
        }

        .bus-detail-header .bdh-content>div:last-child {
            display: block;
            padding-top: 20px;
            -webkit-box-flex: 1;
            -moz-box-flex: 1;
            -ms-box-flex: 1;
            box-flex: 1
        }

        .bus-detail-header .bdh-content>div:last-child>p:first-child {
            font-size: 17px
        }

        .bus-detail-header .bdh-content>div:last-child>p:nth-child(2) {
            font-size: 14px;
            margin-top: 5px
        }

        .bus-detail-header .bdh-footer {
            height: 20px
        }

        .bus-detail-header .bdh-footer.arrow {
            text-align: center
        }

        .bus-detail-header .bdh-footer.arrow:before {
            content: '查看站点';
            display: inline-block;
            position: relative;
            top: 0;
            font-size: 14px;
            right: 5px;
            margin: 0 auto;
            color: #3b3c4e;
            line-height: 14px
        }

        .bus-detail-header .bdh-footer.arrow:after {
            content: '';
            display: inline-block;
            position: relative;
            top: 0;
            width: 10px;
            height: 10px;
            margin: 0 auto;
            background: url("1121.cn/20171025181256/images/icons/ar-up.png") no-repeat center;
            -moz-background-size: 100%;
            -o-background-size: 100%;
            -webkit-background-size: 100%;
            background-size: 100%;
            -moz-transition: all 0.3s;
            -o-transition: all 0.3s;
            -webkit-transition: all 0.3s;
            transition: all 0.3s
        }

        .bus-detail-header .bdh-footer.arrow.up:after {
            -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg)
        }

        .bus-detail-header .bdh-footer.arrow.down:after {
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg)
        }

        .hlm4-calendar {
            font-size: 15px;
            width: 100%;
            text-align: center;
            margin: 20px 0 15px
        }

        .hlm4-calendar th {
            font-weight: bolder;
            padding-bottom: 15px
        }

        .hlm4-calendar td {
            height: 42px;
            position: relative;
            width: 14.28571%
        }

        .hlm4-calendar td:after {
            content: '';
            color: #fcb131;
            font-size: 12px;
            display: block;
            left: 0;
            right: 0;
            line-height: 20px;
            height: 20px;
            text-align: center
        }

        .hlm4-calendar td.now:after {
            content: '';
            color: #ff3b30;
            display: block;
            width: 10px;
            height: 10px;
            background-color: #ff3b30;
            margin: 5px auto;
            -moz-border-radius: 50px;
            -webkit-border-radius: 50px;
            border-radius: 50px;
            text-align: center
        }

        .hlm4-calendar td.full {
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
            opacity: 0.4
        }

        .hlm4-calendar td.full:after {
            content: '满员';
            color: #fcb131;
            font-size: 12px;
            display: block;
            width: 100%;
            height: 20px;
            background-color: transparent;
            margin: 0;
            text-align: center;
            -moz-border-radius: 0;
            -webkit-border-radius: 0;
            border-radius: 0
        }

        .hlm4-calendar td.checked {
            color: #fff;
            background-color: #4ccc7f;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px
        }

        .hlm4-calendar td.checked:after {
            content: '已选';
            color: #fff;
            font-size: 12px;
            display: block;
            width: 100%;
            height: 20px;
            background-color: transparent;
            margin: 0;
            text-align: center;
            -moz-border-radius: 0;
            -webkit-border-radius: 0;
            border-radius: 0
        }

        .hlm4-calendar td.reversed {
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
            opacity: 0.4
        }

        .hlm4-calendar td.reversed:after {
            content: '已买';
            color: #4ccc7f;
            font-size: 12px;
            display: block;
            width: 100%;
            height: 20px;
            background-color: transparent;
            margin: 0;
            text-align: center;
            -moz-border-radius: 0;
            -webkit-border-radius: 0;
            border-radius: 0
        }

        .bus-pick-ticket {
            margin: 10px 0;
            border-top: 1px solid #e6e6e6;
            border-bottom: 1px solid #e6e6e6;
            background-color: #fff
        }

        .bus-pick-ticket header {
            margin: 10px 30px;
            font-size: 16px;
            line-height: 40px;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-box;
            display: box
        }

        .bus-pick-ticket header>div {
            display: block;
            width: 50%;
            color: #3b3c4e;
            text-align: center;
            border: 1px solid #3b3c4e;
            -moz-user-select: -moz-none;
            -ms-user-select: none;
            -webkit-user-select: none;
            user-select: none;
            -webkit-box-flex: 1;
            -moz-box-flex: 1;
            -ms-box-flex: 1;
            box-flex: 1
        }

        .bus-pick-ticket header>div.active {
            color: #fff;
            background-color: #3b3c4e
        }

        .bus-pick-ticket header>div:first-child {
            -moz-border-radius-topleft: 5px;
            -webkit-border-top-left-radius: 5px;
            border-top-left-radius: 5px;
            -moz-border-radius-bottomleft: 5px;
            -webkit-border-bottom-left-radius: 5px;
            border-bottom-left-radius: 5px
        }

        .bus-pick-ticket header>div:last-child {
            -moz-border-radius-topright: 5px;
            -webkit-border-top-right-radius: 5px;
            border-top-right-radius: 5px;
            -moz-border-radius-bottomright: 5px;
            -webkit-border-bottom-right-radius: 5px;
            border-bottom-right-radius: 5px
        }

        .bus-pick-ticket header>div:only-child {
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px
        }

        .bus-pick-ticket .hlm4-pick-m-ticket {
            margin: 10px;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-box;
            display: box;
            border: thin solid #e6e6e6;
            -moz-box-shadow: 0 3px 6px 1px #e6e6e6;
            -webkit-box-shadow: 0 3px 6px 1px #e6e6e6;
            box-shadow: 0 3px 6px 1px #e6e6e6
        }

        .bus-pick-ticket .hlm4-pick-m-ticket .hml4-pmt-info {
            display: block;
            -webkit-box-flex: 1;
            -moz-box-flex: 1;
            -ms-box-flex: 1;
            box-flex: 1;
            color: #ccc;
            background-color: #fff;
            position: relative;
            overflow-x: hidden
        }

        .bus-pick-ticket .hlm4-pick-m-ticket .hml4-pmt-info .hml4-pmti-date {
            border-top: 1px solid #ccc;
            border-bottom: 1px solid #ccc;
            margin: 10px 50px 10px 10px;
            height: 32px;
            line-height: 32px;
            font-size: 16px;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-box;
            display: box;
            text-align: center
        }

        .bus-pick-ticket .hlm4-pick-m-ticket .hml4-pmt-info .hml4-pmti-date>span {
            display: block;
            -webkit-box-flex: 1;
            -moz-box-flex: 1;
            -ms-box-flex: 1;
            box-flex: 1
        }

        .bus-pick-ticket .hlm4-pick-m-ticket .hml4-pmt-info .hml4-pmti-date>span:nth-child(2) {
            position: relative;
            color: #fff;
            padding: 0 15px;
            background-color: #ccc
        }

        .bus-pick-ticket .hlm4-pick-m-ticket .hml4-pmt-info .hml4-pmti-date>span:nth-child(2):before {
            position: absolute;
            left: 0;
            content: '';
            display: inline-block;
            width: 0;
            height: 0;
            border-top: 16px solid transparent;
            border-left: 16px solid #fff;
            border-bottom: 16px solid transparent
        }

        .bus-pick-ticket .hlm4-pick-m-ticket .hml4-pmt-info .hml4-pmti-date>span:nth-child(2):after {
            position: absolute;
            right: 0;
            content: '';
            display: inline-block;
            width: 0;
            height: 0;
            border-top: 16px solid transparent;
            border-right: 16px solid #fff;
            border-bottom: 16px solid transparent
        }

        .bus-pick-ticket .hlm4-pick-m-ticket .hml4-pmt-info .hml4-pmti-price {
            font-size: 30px;
            line-height: 45px;
            position: relative;
            font-weight: 100
        }

        .bus-pick-ticket .hlm4-pick-m-ticket .hml4-pmt-info .hml4-pmti-price>span:first-child {
            font-weight: bolder
        }

        .bus-pick-ticket .hlm4-pick-m-ticket .hml4-pmt-info .hml4-pmti-price>span:first-child sub {
            font-size: 24px;
            position: relative;
            top: 2px;
            margin-left: 10px
        }

        .bus-pick-ticket .hlm4-pick-m-ticket .hml4-pmt-info .hml4-pmti-price>span:last-child {
            position: absolute;
            right: 27px;
            bottom: 0;
            font-weight: 100;
            line-height: 30px;
            font-size: 13px;
            text-decoration: line-through
        }

        .bus-pick-ticket .hlm4-pick-m-ticket .hml4-pmt-info .hml4-pmti-hint {
            font-size: 12px;
            line-height: 16px;
            margin-left: 10px;
            padding: 10px 10px 10px 0;
            border-top: 1px solid #ccc
        }

        .bus-pick-ticket .hlm4-pick-m-ticket .hml4-pmt-info:after {
            content: '';
            display: inline-block;
            width: 50px;
            position: absolute;
            background-color: #ccc;
            top: 0;
            right: -29px;
            bottom: 0;
            -moz-transform: skew(15deg);
            -ms-transform: skew(15deg);
            -webkit-transform: skew(15deg);
            transform: skew(15deg)
        }

        .bus-pick-ticket .hlm4-pick-m-ticket .hml4-pmt-select {
            display: block;
            width: 80px;
            position: relative;
            color: #fff;
            background-color: #ccc
        }

        .bus-pick-ticket .hlm4-pick-m-ticket .hml4-pmt-select>span:first-child {
            position: absolute;
            right: 10px;
            top: 20px;
            display: block;
            height: 70px;
            width: 70px;
            line-height: 70px;
            text-align: center;
            font-size: 17px;
            color: #ccc;
            font-weight: bolder;
            background-color: #fff;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%
        }

        .bus-pick-ticket .hlm4-pick-m-ticket .hml4-pmt-select>span:last-child {
            display: block;
            position: absolute;
            top: 100px;
            color: #fff;
            font-size: 12px;
            height: 16px;
            line-height: 16px;
            padding: 10px 0;
            right: 0;
            white-space: nowrap;
            -moz-transform: scale(0.8);
            -ms-transform: scale(0.8);
            -webkit-transform: scale(0.8);
            transform: scale(0.8)
        }

        .bus-pick-ticket .hlm4-pick-m-ticket.active {
            margin: 10px;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-box;
            display: box;
            border: thin solid #e6e6e6;
            -moz-box-shadow: 0 3px 6px 1px #e6e6e6;
            -webkit-box-shadow: 0 3px 6px 1px #e6e6e6;
            box-shadow: 0 3px 6px 1px #e6e6e6
        }

        .bus-pick-ticket .hlm4-pick-m-ticket.active .hml4-pmt-info {
            display: block;
            -webkit-box-flex: 1;
            -moz-box-flex: 1;
            -ms-box-flex: 1;
            box-flex: 1;
            color: #fff;
            background-color: #fcb131;
            position: relative;
            overflow-x: hidden
        }

        .bus-pick-ticket .hlm4-pick-m-ticket.active .hml4-pmt-info .hml4-pmti-date {
            border-top: 1px solid #fff;
            border-bottom: 1px solid #fff;
            margin: 10px 50px 10px 10px;
            height: 32px;
            line-height: 32px;
            font-size: 16px;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-box;
            display: box;
            text-align: center
        }

        .bus-pick-ticket .hlm4-pick-m-ticket.active .hml4-pmt-info .hml4-pmti-date>span {
            display: block;
            -webkit-box-flex: 1;
            -moz-box-flex: 1;
            -ms-box-flex: 1;
            box-flex: 1
        }

        .bus-pick-ticket .hlm4-pick-m-ticket.active .hml4-pmt-info .hml4-pmti-date>span:nth-child(2) {
            position: relative;
            color: #fcb131;
            padding: 0 15px;
            background-color: #fff
        }

        .bus-pick-ticket .hlm4-pick-m-ticket.active .hml4-pmt-info .hml4-pmti-date>span:nth-child(2):before {
            position: absolute;
            left: 0;
            content: '';
            display: inline-block;
            width: 0;
            height: 0;
            border-top: 16px solid transparent;
            border-left: 16px solid #fcb131;
            border-bottom: 16px solid transparent
        }

        .bus-pick-ticket .hlm4-pick-m-ticket.active .hml4-pmt-info .hml4-pmti-date>span:nth-child(2):after {
            position: absolute;
            right: 0;
            content: '';
            display: inline-block;
            width: 0;
            height: 0;
            border-top: 16px solid transparent;
            border-right: 16px solid #fcb131;
            border-bottom: 16px solid transparent
        }

        .bus-pick-ticket .hlm4-pick-m-ticket.active .hml4-pmt-info .hml4-pmti-price {
            font-size: 30px;
            line-height: 45px;
            position: relative;
            font-weight: 100
        }

        .bus-pick-ticket .hlm4-pick-m-ticket.active .hml4-pmt-info .hml4-pmti-price>span:first-child {
            font-weight: bolder
        }

        .bus-pick-ticket .hlm4-pick-m-ticket.active .hml4-pmt-info .hml4-pmti-price>span:first-child sub {
            font-size: 24px;
            position: relative;
            top: 2px;
            margin-left: 10px
        }

        .bus-pick-ticket .hlm4-pick-m-ticket.active .hml4-pmt-info .hml4-pmti-price>span:last-child {
            position: absolute;
            right: 27px;
            bottom: 0;
            font-weight: 100;
            line-height: 30px;
            font-size: 13px;
            text-decoration: line-through
        }

        .bus-pick-ticket .hlm4-pick-m-ticket.active .hml4-pmt-info .hml4-pmti-hint {
            font-size: 12px;
            line-height: 16px;
            margin-left: 10px;
            padding: 10px 10px 10px 0;
            border-top: 1px solid #fff
        }

        .bus-pick-ticket .hlm4-pick-m-ticket.active .hml4-pmt-info:after {
            content: '';
            display: inline-block;
            width: 50px;
            position: absolute;
            background-color: #fff;
            top: 0;
            right: -29px;
            bottom: 0;
            -moz-transform: skew(15deg);
            -ms-transform: skew(15deg);
            -webkit-transform: skew(15deg);
            transform: skew(15deg)
        }

        .bus-pick-ticket .hlm4-pick-m-ticket.active .hml4-pmt-select {
            display: block;
            width: 80px;
            position: relative;
            color: #fcb131;
            background-color: #fff
        }

        .bus-pick-ticket .hlm4-pick-m-ticket.active .hml4-pmt-select>span:first-child {
            position: absolute;
            right: 10px;
            top: 20px;
            display: block;
            height: 70px;
            width: 70px;
            line-height: 70px;
            text-align: center;
            font-size: 17px;
            color: #fff;
            font-weight: bolder;
            background-color: #fcb131;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%
        }

        .bus-pick-ticket .hlm4-pick-m-ticket.active .hml4-pmt-select>span:last-child {
            display: block;
            position: absolute;
            top: 100px;
            color: #fcb131;
            font-size: 12px;
            height: 16px;
            line-height: 16px;
            padding: 10px 0;
            right: 0;
            white-space: nowrap;
            -moz-transform: scale(0.8);
            -ms-transform: scale(0.8);
            -webkit-transform: scale(0.8);
            transform: scale(0.8)
        }

        .pick-ticket-info {
            border-top: 1px solid #e6e6e6;
            border-bottom: 1px solid #e6e6e6;
            background-color: #fff;
            margin: 10px 0;
            padding: 0 10px 0 40px
        }

        .pick-ticket-info li {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-box;
            display: box;
            border-bottom: 1px solid #e6e6e6
        }

        .pick-ticket-info li:last-child {
            border-bottom: none
        }

        .pick-ticket-info li .icon-ticket-base:before {
            content: '';
            display: inline-block;
            position: absolute;
            top: 18px;
            left: -25px;
            width: 16px;
            height: 16px
        }

        .pick-ticket-info li .icon-ticket-base.seat:before {
            background: url("1121.cn/20171025181256/images/icons/my-seat@2x.png") no-repeat center;
            -moz-background-size: 100%;
            -o-background-size: 100%;
            -webkit-background-size: 100%;
            background-size: 100%
        }

        .pick-ticket-info li .icon-ticket-base.up-station:before {
            background: url("1121.cn/20171025181256/images/icons/up-station@2x.png") no-repeat center;
            -moz-background-size: 100%;
            -o-background-size: 100%;
            -webkit-background-size: 100%;
            background-size: 100%
        }

        .pick-ticket-info li .icon-ticket-base.down-station:before {
            background: url("1121.cn/20171025181256/images/icons/up-station@2x.png") no-repeat center;
            -moz-background-size: 100%;
            -o-background-size: 100%;
            -webkit-background-size: 100%;
            background-size: 100%;
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg)
        }

        .pick-ticket-info li>div {
            font-size: 16px;
            display: block;
            height: 50px;
            line-height: 50px
        }

        .pick-ticket-info li>div:first-child {
            position: relative;
            width: 80px;
            color: #999;
            text-align: center
        }

        .pick-ticket-info li>div:last-child {
            color: #333;
            -webkit-box-flex: 1;
            -moz-box-flex: 1;
            -ms-box-flex: 1;
            box-flex: 1
        }

        .pick-ticket-info li .seat-num {
            padding-left: 3px
        }

        .pick-ticket-info li .seat-num-2 {
            padding-left: 0
        }

        .pick-ticket-info li input {
            width: 100%;
            border: none;
            height: 50px;
            line-height: 50px
        }

        .bus-buy-footer {
            position: fixed;
            width: 100%;
            bottom: 0;
            background-color: #fff
        }

        .bus-buy-footer .bbf-body {
            width: 100%;
            padding: 11px 10px 11px 70px;
            position: relative;
            display: block;
            text-align: right;
            color: #333;
            border-top: 1px solid #e6e6e6
        }

        .bus-buy-footer .bbf-body .body-left {
            position: absolute;
            top: 50%;
            left: 10px;
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
        }

        .bus-buy-footer .bbf-body .body-bd .price-info {
            margin-left: 10px;
            color: #999;
            font-size: 13px
        }

        .bus-buy-footer .bbf-body .body-bd .price-info .price {
            color: #fcb131;
            font-size: 18px;
            margin: 0 10px 0 5px
        }

        .bus-shift {
            border-top: 1px solid #e6e6e6;
            border-bottom: 1px solid #e6e6e6;
            margin: 10px 0;
            background-color: #fff;
            padding-left: 100px
        }

        .bus-shift .title {
            position: absolute;
            left: 10px;
            color: #999
        }

        .bus-shift .shifts {
            line-height: 4rem;
            float: left;
            display: inline-block;
            position: relative;
            z-index: 0
        }

        .bus-shift .shifts>li {
            display: inline-block;
            position: relative;
            float: left;
            color: #999;
            font-size: 1.4rem;
            padding: 0 10px
        }

        .bus-shift .shifts>li:not(:first-child):before {
            content: '';
            position: absolute;
            left: 0;
            top: 50%;
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            display: inline-block;
            border-left: 1px solid #e6e6e6;
            height: 14px;
            vertical-align: middle
        }

        .bus-shift .shifts>li.active {
            color: #fff
        }

        .bus-shift .shifts>li.active::after {
            display: inline-block;
            content: '';
            width: 40px;
            height: 20px;
            border: 1px solid #4ccc7f;
            background-color: #4ccc7f;
            position: absolute;
            left: 0;
            right: 0;
            border-radius: 5px;
            z-index: -1;
            margin: 0 auto;
            padding: 0 3px;
            top: 50%;
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
        }

        .bus-shift .more {
            position: absolute;
            right: 10px;
            font-size: 1.4rem;
            padding-right: 15px;
            color: #999;
            line-height: 4rem
        }

        .bus-station-list {
            background-color: #fff;
            border-bottom: 1px solid #e6e6e6;
            padding: 10px 0;
            position: relative;
            z-index: 1
        }

        .bus-station-list li {
            position: relative;
            color: #999;
            height: 40px;
            line-height: 40px;
            padding-right: 120px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }

        .bus-station-list li:before {
            content: '';
            display: inline-block;
            height: 100%;
            position: absolute;
            left: 26px;
            width: 1px;
            background-color: #e6e6e6
        }

        .bus-station-list li:first-child {
            color: #333
        }

        .bus-station-list li:first-child:before {
            height: 50%;
            bottom: 0
        }

        .bus-station-list li:first-child .item-content:before {
            border: 3px solid #4ccc7f
        }

        .bus-station-list li:last-child {
            color: #333
        }

        .bus-station-list li:last-child:before {
            height: 50%;
            top: 0
        }

        .bus-station-list li:last-child .item-content:before {
            border: 3px solid #fcb131
        }

        .bus-station-list li .item-content:before {
            content: '';
            display: inline-block;
            width: 14px;
            height: 14px;
            border: 1px solid #e6e6e6;
            border-radius: 50%;
            box-shadow: 0 0 1px 1px #e6e6e6;
            background-color: #fff;
            margin: 0 10px 0 20px;
            position: relative;
            top: 1px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

        .bus-station-list li .item-time {
            position: absolute;
            top: 0;
            right: 10px;
            height: 40px;
            padding-right: 25px
        }

        .bus-pay-type {
            padding: 0 15px;
            border-top: 1px solid #e6e6e6
        }

        .bus-pay-type>li {
            border-top: 1px solid #e6e6e6;
            position: relative;
            line-height: 50px;
            height: 50px
        }

        .bus-pay-type>li label {
            display: block
        }

        .bus-pay-type>li .py-right {
            position: absolute;
            top: 0;
            right: 0
        }

        .bus-pay-type>li .py-right .js_title {
            display: inline-block
        }

        .bus-pay-type>li:first-child {
            border-top: none
        }

        .bus-pay-type>li .hint {
            color: #999;
            margin-left: 6px
        }

        .bus-pay-type>li .icon-wechat {
            display: inline-block;
            width: 25px;
            height: 25px;
            vertical-align: middle;
            margin-right: 8px;
            background: url("1121.cn/20171025181256/images/icons/weixin.png") no-repeat center;
            -moz-background-size: 100%;
            -o-background-size: 100%;
            -webkit-background-size: 100%;
            background-size: 100%
        }

        .btn-time-show {
            position: absolute;
            right: 15px
        }

        input.show-pigeon {
            width: 20px;
            height: 20px;
            margin-left: 10px;
            background: url("1121.cn/20171025181256/images/icons/check-disabled.png") no-repeat center;
            -moz-background-size: 100%;
            -o-background-size: 100%;
            -webkit-background-size: 100%;
            background-size: 100%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            border: none
        }

        input.show-pigeon:checked {
            background: url("1121.cn/20171025181256/images/icons/checked-active.png") no-repeat center;
            -moz-background-size: 100%;
            -o-background-size: 100%;
            -webkit-background-size: 100%;
            background-size: 100%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%
        }

        .ar-coupon-modal {
            z-index: 4100;
            width: 100%;
            height: 100%;
            position: fixed;
            top: 0;
            background-color: white;
            -moz-transform: translate(0%, 100%);
            -ms-transform: translate(0%, 100%);
            -webkit-transform: translate(0%, 100%);
            transform: translate(0%, 100%);
            -moz-transition: -moz-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
            -o-transition: -o-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
            -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
            transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1)
        }

        .ar-coupon-modal.active {
            -moz-transform: translate(0%, 0%);
            -ms-transform: translate(0%, 0%);
            -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%)
        }

        .ar-coupon-modal .arcm-section {
            overflow: auto;
            padding-bottom: 80px;
            height: 100%;
            -webkit-overflow-scrolling: touch;
            overflow-scrolling: touch
        }

        .ar-coupon-modal .coupon-footer {
            background-color: white;
            border-top: 1px solid #e6e6e6
        }

        .ticket-gap {
            width: 100%;
            display: block;
            height: 17px;
            background: url("1121.cn/20171025181256/images/gap@2x.png") no-repeat center;
            -moz-background-size: 100% 100%;
            -o-background-size: 100% 100%;
            -webkit-background-size: 100% 100%;
            background-size: 100% 100%
        }

        .ticket-line-gap {
            display: block;
            height: 1px;
            margin: 0 10px;
            border-top: 1px solid #ccc
        }

        .ticket-map-header {
            color: #fff;
            height: 44px;
            line-height: 44px;
            text-align: center;
            background-color: #3b3c4e
        }

        .ticket-map-header .icon-svg {
            position: relative;
            top: 4px;
            left: 3px
        }

        .ticket-map {
            width: 100%;
            height: 72px;
            padding-top: 5px;
            background-color: #fff
        }

        .ticket-map li {
            cursor: pointer;
            position: relative;
            text-align: center
        }

        .ticket-map li .day {
            font-size: 16px;
            padding-bottom: 2px
        }

        .ticket-map li .week {
            font-size: 13px
        }

        .ticket-map li.now .day:after {
            content: '';
            color: #ff3b30;
            display: block;
            width: 10px;
            height: 10px;
            background-color: #ff3b30;
            margin: 0 auto;
            -moz-border-radius: 50px;
            -webkit-border-radius: 50px;
            border-radius: 50px
        }

        .ticket-map li.active .day {
            background-color: #4ccc7f;
            color: #fff;
            -moz-border-radius: 50px;
            -webkit-border-radius: 50px;
            border-radius: 50px
        }

        .ticket-map li.active .day:after {
            content: '';
            color: #ff3b30;
            display: block;
            width: 14px;
            height: 10px;
            margin: 0 auto;
            -moz-border-radius: 0;
            -webkit-border-radius: 0;
            border-radius: 0;
            background: url("1121.cn/20171025181256/images/icons/white-right.png") no-repeat center;
            -moz-background-size: 100%;
            -o-background-size: 100%;
            -webkit-background-size: 100%;
            background-size: 100%
        }

        .bus-ticket-list {
            padding: 10px 10px 0 10px
        }

        .bus-ticket-list .bt-item {
            margin-bottom: 10px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            -moz-box-shadow: 1px 1px 2px 0px #ccc;
            -webkit-box-shadow: 1px 1px 2px 0px #ccc;
            box-shadow: 1px 1px 2px 0px #ccc
        }

        .bus-ticket-list .bt-item .bt-body {
            background-color: #fff;
            width: 100%;
            padding: 5px 90px 15px 20px;
            position: relative;
            display: block;
            min-height: 20px
        }

        .bus-ticket-list .bt-item .bt-body .item-bd .bd-tt {
            font-size: 1.6rem;
            color: #333;
            padding: 3px 0
        }

        .bus-ticket-list .bt-item .bt-body .item-bd .bd-txt {
            font-weight: normal;
            font-size: 1.4rem;
            color: #666;
            padding: 3px 0
        }

        .bus-ticket-list .bt-item .bt-body .item-right {
            position: absolute;
            bottom: 20px;
            right: 10px
        }

        .bus-ticket-list .bt-item .bt-body .item-right button {
            min-width: 74px
        }

        .bus-ticket-list .bt-item .bt-detail {
            background-color: #fff;
            width: 100%;
            padding: 10px 20px;
            position: relative;
            display: block;
            min-height: 20px
        }

        .bus-ticket-list .bt-item .bt-detail .item-bd>span {
            font-size: 1.6rem;
            color: #333;
            padding: 3px 0;
            display: inline-block
        }

        .bus-ticket-list .bt-item .bt-detail .item-bd .bd-tt {
            color: #666;
            width: 88px
        }

        .bus-ticket-list .bt-item .bt-header {
            position: relative;
            background-color: #fff
        }

        .bus-ticket-list .bt-item .bt-header .code {
            color: #333;
            font-weight: bold;
            font-size: 1.6rem;
            line-height: 4rem;
            height: 3.4rem;
            padding: 0 10px 0 20px;
            display: inline-block
        }

        .bus-ticket-list .bt-item .bt-header .name {
            color: #333;
            font-weight: bold;
            font-size: 1.6rem;
            line-height: 4rem;
            height: 3.4rem;
            display: inline-block
        }

        .bus-ticket-list .bt-item .bt-header .hint {
            color: #fcb131;
            font-size: 1.4rem;
            line-height: 4rem;
            height: 3.4rem;
            display: inline-block
        }

        .bus-ticket-list .bt-item .bt-header .icon-location {
            margin-top: 15px;
            margin-right: 15px
        }

        .bus-ticket-list .bt-item .bt-header .icon-location-wrap {
            position: absolute;
            right: 0;
            top: 0;
            height: 100%;
            width: 50px;
            text-align: right
        }

        .bus-ticket-list .bt-item .bt-footer {
            padding: 20px 10px;
            background-color: #fff;
            text-align: center
        }

        .bus-ticket-list .bt-item .bt-footer>p {
            color: #666;
            padding: 2px 0
        }

        .bus-ticket-list .bt-item .bt-footer .agree span {
            margin: 0 3px
        }

        .bus-ticket-list .bt-item .bt-footer .month {
            font-size: 16px;
            color: #fcb131
        }

        .bus-ticket-list .bt-item .bt-footer .bt-btn {
            margin: 10px 0;
            border: 1px solid #fcb131;
            color: #fcb131;
            font-size: 16px;
            background-color: #fff
        }

        .bus-ticket-list .bt-item .bt-footer .bt-btn.disabled {
            color: #ccc;
            border: 1px solid #ccc;
            filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
            opacity: 1
        }

        .tk-dialog-header {
            font-size: 16px
        }

        .tk-dialog-header .close {
            position: absolute;
            right: 0
        }

        .show-ticket-list .stl-item {
            list-style: none;
            text-align: center;
            overflow: hidden;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px
        }

        .show-ticket-list .stl-item .tk-header {
            position: relative;
            color: #fff;
            background-color: #3b3c4e;
            padding: 17px 0;
            height: 83px
        }

        .show-ticket-list .stl-item .tk-header .code {
            font-size: 25px
        }

        .show-ticket-list .stl-item .tk-header .name {
            font-size: 14px
        }

        .show-ticket-list .stl-item .tk-header .thh-content {
            position: absolute;
            left: 0;
            top: 50%;
            z-index: 1;
            width: 100%;
            transform: translate(0, -50%);
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

        .show-ticket-list .stl-item .tk-header .tk-checked {
            display: none;
            position: absolute;
            right: 0;
            top: 0;
            width: 83px;
            height: 83px
        }

        .show-ticket-list .stl-item .tk-header .tk-checked:before {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            width: 0;
            height: 0;
            display: block;
            border-bottom: 83px solid #3b3c4e;
            border-right: 83px solid transparent
        }

        .show-ticket-list .stl-item .tk-header .tk-checked:after {
            content: attr(data-title);
            display: block;
            position: absolute;
            top: 5px;
            right: 5px;
            font-size: 16px;
            line-height: 50px;
            color: #fff;
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg)
        }

        .show-ticket-list .stl-item .tk-body {
            background-color: #fff;
            padding-top: 10px
        }

        .show-ticket-list .stl-item .tk-body .date {
            color: #333;
            font-size: 50px;
            font-weight: bold;
            position: relative;
            display: inline-block
        }

        .show-ticket-list .stl-item .tk-body .date:after {
            content: '';
            display: inline-block;
            width: 96%;
            height: 2px;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            margin: 0 auto;
            background-color: #666;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px
        }

        .show-ticket-list .stl-item .tk-body .info {
            color: #666;
            margin-top: 4px
        }

        .show-ticket-list .stl-item .tk-body .info.date-title {
            font-size: 25px
        }

        .show-ticket-list .stl-item .tk-footer {
            background-color: #fff;
            padding: 10px 5%
        }

        .show-ticket-list .stl-item .tk-footer .title {
            color: #333
        }

        .show-ticket-list .stl-item .tk-footer .info {
            color: #666;
            font-size: 16px
        }

        .show-ticket-list .stl-item .tk-footer p {
            padding: 5px 0
        }

        .show-ticket-list .stl-item .tk-footer .tkf-content {
            display: table;
            width: 100%;
            margin-bottom: 10px
        }

        .show-ticket-list .stl-item .tk-footer .tkf-content>div {
            width: 50%;
            display: table-cell;
            position: relative
        }

        .show-ticket-list .stl-item .tk-footer .tkf-content>div:first-child:after {
            content: '';
            position: absolute;
            top: 20%;
            right: 0;
            display: inline-block;
            height: 60%;
            width: 1px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            background-color: #666
        }

        .show-ticket-list .stl-item .tk-gap {
            display: block;
            height: 20px;
            position: relative;
            margin: 0 10px;
            background-color: #fff;
            text-align: center
        }

        .show-ticket-list .stl-item .tk-gap:after,
        .show-ticket-list .stl-item .tk-gap:before {
            content: '';
            display: inline-block;
            width: 20px;
            height: 20px;
            position: absolute;
            top: 0;
            background: -webkit-radial-gradient(circle, transparent, transparent 50%, #fff 50%, currentColor);
            background: radial-gradient(circle, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 50%, #ffffff 50%, #ffffff)
        }

        .show-ticket-list .stl-item .tk-gap:before {
            left: -19px
        }

        .show-ticket-list .stl-item .tk-gap:after {
            position: absolute;
            right: -19px
        }

        .show-ticket-list .stl-item .tk-gap .line {
            display: block;
            width: 94%;
            border-top: 1px dashed #e6e6e6;
            position: absolute;
            top: 10px;
            left: 0;
            right: 0;
            margin: 0 auto
        }

        .show-ticket-list .stl-item .tk-btn {
            height: 40px;
            line-height: 40px;
            font-size: 14px
        }

        .show-ticket-list .stl-item.checked .tk-header,
        .show-ticket-list .stl-item.checked .tk-btn {
            background-color: #666
        }

        .show-ticket-list .stl-item.checked .tk-checked {
            display: block
        }

        .show-ticket-list .stl-item.checked .tk-checked:before {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            width: 0;
            height: 0;
            display: block;
            border-bottom: 83px solid #666;
            border-right: 83px solid transparent
        }

        .show-ticket-list .stl-item.expired .tk-header,
        .show-ticket-list .stl-item.expired .tk-btn {
            background-color: #666
        }

        .show-ticket-list .stl-item.active .tk-header {
            position: relative;
            color: #fff
        }

        .show-ticket-list .stl-item.active .tk-body .date {
            color: #fff
        }

        .show-ticket-list .stl-item.active .tk-body .date:after {
            background-color: #fff
        }

        .show-ticket-list .stl-item.active .tk-body .info {
            color: #fff
        }

        .show-ticket-list .stl-item.active .tk-footer .title {
            color: #fff
        }

        .show-ticket-list .stl-item.active .tk-footer .info {
            color: #fff;
            font-size: 16px
        }

        .show-ticket-list .stl-item.active .tk-footer .tkf-content>div:first-child:after {
            background-color: #fff
        }

        .shuttle-list {
            padding: 10px 10px 0 10px
        }

        .shuttle-list .shuttle-item {
            margin-bottom: 15px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            -moz-box-shadow: 0px -1px 10px 1px #efefef;
            -webkit-box-shadow: 0px -1px 10px 1px #efefef;
            box-shadow: 0px -1px 10px 1px #efefef;
            background: #fff
        }

        .shuttle-list .shuttle-item.active {
            -moz-box-shadow: 0px 0px 0px 1px #ffb400;
            -webkit-box-shadow: 0px 0px 0px 1px #ffb400;
            box-shadow: 0px 0px 0px 1px #ffb400
        }

        .shuttle-list .shuttle-item .shuttle-body {
            width: 100%;
            padding: 10px 70px 15px 20px;
            position: relative;
            display: block;
            min-height: 20px
        }

        .shuttle-list .shuttle-item .shuttle-body .item-bd .bd-tt {
            font-size: 1.4rem;
            color: #666;
            font-weight: 400
        }

        .shuttle-list .shuttle-item .shuttle-body .item-bd .bd-txt {
            margin-top: 6px;
            font-size: 1.3rem;
            color: #666
        }

        .shuttle-list .shuttle-item .shuttle-body .item-bd .price {
            font-size: 16px;
            color: #333
        }

        .shuttle-list .shuttle-item .shuttle-body .item-right {
            position: absolute;
            right: 10px;
            bottom: 15px
        }

        .shuttle-list .shuttle-item .shuttle-header {
            position: relative;
            border-bottom: 1px solid #e6e6e6;
            line-height: 4rem;
            height: 4rem;
            padding: 0 10px 0 70px
        }

        .shuttle-list .shuttle-item .shuttle-header .code {
            color: #fcb131;
            position: absolute;
            left: 20px;
            font-size: 1.6rem;
            display: inline-block
        }

        .shuttle-list .shuttle-item .shuttle-header .name {
            display: inline-block;
            position: relative;
            color: #333;
            font-size: 1.4rem;
            padding: 0 10px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            width: 100%
        }

        .shuttle-list .shuttle-item .shuttle-header .more {
            position: absolute;
            top: 0;
            right: 10px;
            font-size: 1.4rem;
            padding-right: 15px;
            color: #999
        }

        .shuttle-switch-btn {
            position: fixed;
            right: 10px;
            bottom: 25px;
            z-index: 1000;
            display: block;
            width: 38px;
            height: 42px;
            font-size: 13px;
            color: #333;
            background-color: #fff;
            border: 0;
            background: url("1121.cn/20171025181256/images/icons/liebiao@2x.png") no-repeat center;
            -moz-background-size: 100%;
            -o-background-size: 100%;
            -webkit-background-size: 100%;
            background-size: 100%
        }

        .shuttle-switch-map-btn {
            position: fixed;
            top: 14px;
            right: 10px;
            bottom: 25px;
            z-index: 1000;
            display: block;
            width: 82px;
            height: 41px;
            font-size: 13px;
            color: #333;
            background-color: #fff;
            border: 0;
            background: url("1121.cn/20171025181256/images/icons/to-map-txt.png") no-repeat center;
            -moz-background-size: 100%;
            -o-background-size: 100%;
            -webkit-background-size: 100%;
            background-size: 100%
        }

        .shuttle-buy-section {
            margin: 15px
        }

        .shuttle-buy-section .sb-header {
            text-align: center;
            padding: 15px 0 5px;
            line-height: 25px;
            color: #fff;
            font-size: 16px;
            background-color: #fcb131;
            -moz-border-radius-topleft: 3px;
            -webkit-border-top-left-radius: 3px;
            border-top-left-radius: 3px;
            -moz-border-radius-topright: 3px;
            -webkit-border-top-right-radius: 3px;
            border-top-right-radius: 3px;
            -moz-box-shadow: 1px 0px 1px 0px #e6e6e6;
            -webkit-box-shadow: 1px 0px 1px 0px #e6e6e6;
            box-shadow: 1px 0px 1px 0px #e6e6e6
        }

        .shuttle-buy-section .sb-header .title {
            font-size: 18px
        }

        .shuttle-buy-section .sb-gap {
            display: block;
            width: 100%
        }

        .shuttle-buy-section .sb-body {
            padding: 10px 20px 0;
            color: #666;
            background-color: #fff;
            -moz-box-shadow: 1px 0px 1px 0px #e6e6e6;
            -webkit-box-shadow: 1px 0px 1px 0px #e6e6e6;
            box-shadow: 1px 0px 1px 0px #e6e6e6
        }

        .shuttle-buy-section .sb-footer {
            padding: 20px 25px;
            background-color: #fff;
            -moz-border-radius-bottomright: 3px;
            -webkit-border-bottom-right-radius: 3px;
            border-bottom-right-radius: 3px;
            -moz-border-radius-bottomleft: 3px;
            -webkit-border-bottom-left-radius: 3px;
            border-bottom-left-radius: 3px;
            -moz-box-shadow: 1px 2px 1px 0px #e6e6e6;
            -webkit-box-shadow: 1px 2px 1px 0px #e6e6e6;
            box-shadow: 1px 2px 1px 0px #e6e6e6
        }

        .shuttle-buy-section .sb-count>a {
            position: relative;
            width: 20px;
            height: 20px;
            color: #fcb131;
            line-height: 16px;
            border: 1px solid #fcb131;
            display: inline-block;
            text-align: center;
            vertical-align: middle;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%
        }

        .shuttle-buy-section .sb-count>a:after,
        .shuttle-buy-section .sb-count>a:before {
            content: '';
            display: inline-block;
            position: absolute;
            left: 0;
            right: 0;
            top: 50%;
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            background-color: #fcb131;
            margin: 0 auto
        }

        .shuttle-buy-section .sb-count>a.minus:after,
        .shuttle-buy-section .sb-count>a.plus:after {
            width: 50%;
            height: 1px
        }

        .shuttle-buy-section .sb-count>a.plus:before {
            width: 1px;
            height: 50%
        }

        .shuttle-buy-section .sb-count>a.disabled {
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
            opacity: 0.5
        }

        .shuttle-buy-section .sb-count input {
            border: none;
            width: 40px;
            text-align: center
        }

        .shuttle-quick-btn {
            position: fixed;
            bottom: 20px;
            left: 50%;
            margin-left: -40px;
            z-index: 10;
            width: 80px;
            height: 80px;
            line-height: 100px;
            text-align: center;
            font-size: 16px;
            color: #fff;
            cursor: pointer;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            border: 2px solid white;
            background-color: #3b3c4e;
            -moz-box-shadow: 0 0 0px 5px #3b3c4e;
            -webkit-box-shadow: 0 0 0px 5px #3b3c4e;
            box-shadow: 0 0 0px 5px #3b3c4e
        }

        .shuttle-quick-btn:before {
            content: '';
            display: block;
            width: 38px;
            height: 20px;
            margin: 0 auto;
            position: absolute;
            left: 0;
            right: 0;
            top: 16px;
            background: url("1121.cn/20171025181256/images/icons/check-bus@2x.png") no-repeat center;
            -moz-background-size: 100%;
            -o-background-size: 100%;
            -webkit-background-size: 100%;
            background-size: 100%
        }

        .shuttle-quick-btn.active {
            background-color: #fcb131;
            -moz-box-shadow: 0 0 0px 5px rgba(255, 140, 9, 0.6);
            -webkit-box-shadow: 0 0 0px 5px rgba(255, 140, 9, 0.6);
            box-shadow: 0 0 0px 5px rgba(255, 140, 9, 0.6)
        }

        .shuttle-buy-wrap {
            position: fixed;
            top: 10px;
            left: 10px;
            right: 10px
        }

        .shuttle-buy-wrap .sbw-content {
            color: #333;
            display: block;
            width: 100%;
            min-height: 97px;
            background-color: #fff;
            -moz-box-shadow: 0px 0px 15px 3px #ccc;
            -webkit-box-shadow: 0px 0px 15px 3px #ccc;
            box-shadow: 0px 0px 15px 3px #ccc;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px
        }

        .shuttle-buy-wrap .sbw-content .sml-body {
            padding: 15px 100px 5px 15px;
            border-bottom: 1px solid #e6e6e6;
            position: relative
        }

        .shuttle-buy-wrap .sbw-content .sml-body .smb-name {
            font-size: 14px;
            color: #333;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }

        .shuttle-buy-wrap .sbw-content .sml-body .smb-hint {
            margin-top: 4px;
            font-size: 13px;
            color: #999;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }

        .shuttle-buy-wrap .sbw-content .sml-body .smi-buy-btn {
            display: inline-block;
            position: absolute;
            top: 18px;
            right: 15px;
            padding: 3px 5px;
            border: 1px solid #3b3c4e;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px
        }

        .shuttle-buy-wrap .sbw-content .sml-body .smi-buy-btn .price-base {
            position: relative;
            top: 1px
        }

        .shuttle-buy-wrap .sbw-content .sml-footer {
            height: 33px;
            line-height: 33px
        }

        .shuttle-buy-wrap .sbw-content .sml-footer .smh-code {
            display: inline-block;
            color: #999;
            font-size: 14px;
            position: relative;
            white-space: nowrap;
            text-overflow: ellipsis;
            text-align: center
        }

        .shuttle-buy-wrap .sbw-content .sml-footer .smh-code:before {
            content: '';
            display: inline-block;
            position: relative;
            top: -2px;
            width: 10px;
            height: 16px;
            vertical-align: middle;
            margin: 0 5px;
            background: url("1121.cn/20171025181256/images/icons/pos-d@2x.png") no-repeat center;
            -moz-background-size: 100%;
            -o-background-size: 100%;
            -webkit-background-size: 100%;
            background-size: 100%
        }

        .shuttle-buy-wrap .sbw-content .sml-footer .smh-code.active {
            color: #4ccc7f
        }

        .shuttle-buy-wrap .sbw-content .sml-footer .smh-code.active:before {
            background: url("1121.cn/20171025181256/images/icons/pos@2x.png") no-repeat center;
            -moz-background-size: 100%;
            -o-background-size: 100%;
            -webkit-background-size: 100%;
            background-size: 100%
        }

        .shuttle-buy-wrap .sbw-content .sml-footer .bg-slide {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 33%;
            height: 2px;
            background-color: #3b3c4e;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease
        }

        .shuttle-map-infobox {
            color: #333;
            width: 250px;
            margin-bottom: 10px;
            text-align: center
        }

        .shuttle-map-infobox:after {
            content: '';
            position: absolute;
            width: 0;
            height: 0;
            bottom: -8px;
            left: 0;
            right: 0;
            margin: 0 auto;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            border-top: 8px solid rgba(255, 255, 255, 0.9)
        }

        .shuttle-map-infobox>img:first-child {
            display: none
        }

        .shuttle-map-infobox .sm-info-window {
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            background-color: rgba(255, 255, 255, 0.9);
            padding: 5px 15px;
            text-align: center;
            display: inline-block;
            margin: 0 auto
        }

        .swiper-ticket-container {
            margin-left: auto;
            margin-right: auto;
            position: relative;
            overflow: hidden;
            z-index: 1
        }

        .swiper-ticket-container .swiper-slide {
            width: 82%;
            margin: 0 2%;
            -moz-transform: scale(1, 0.9);
            -ms-transform: scale(1, 0.9);
            -webkit-transform: scale(1, 0.9);
            transform: scale(1, 0.9);
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease
        }

        .swiper-ticket-container .swiper-slide.swiper-slide-active {
            -moz-transform: scale(1, 1);
            -ms-transform: scale(1, 1);
            -webkit-transform: scale(1, 1);
            transform: scale(1, 1)
        }

        .hd-download {
            background-color: #43B3E0
        }

        .hd-download>img {
            width: 100%;
            float: left
        }

        .hd-download .hld-text {
            width: 100%;
            float: left;
            background-color: #44B6E4
        }

        .hd-download .hl-download {
            cursor: pointer;
            width: 120px;
            text-align: center;
            line-height: 35px;
            margin: 20px auto 40px;
            border-radius: 20px;
            color: #fff;
            background-color: #1E7DA6
        }

        .hl-activity>img {
            width: 100%
        }

        .hl-activity-header {
            margin: 0px 10px 10px 10px;
            padding: 10px;
            font-size: 14px;
            line-height: 20px;
            color: #000;
            background-color: rgba(255, 255, 255, 0.43);
            border: 4px solid #c1defe;
            opacity: 0.7
        }

        .hl-activity-header p {
            margin: 5px 0
        }

        .hl-activity-desc {
            margin: 20px 20px 0;
            font-size: 13px;
            color: #000
        }

        .hl-activity-desc .hl-ad-title {
            color: #f55d2e;
            font-size: 16px;
            font-weight: bolder
        }

        .hl-activity-desc p {
            margin: 5px 0
        }

        .hl-acb-tree {
            width: 100%;
            bottom: 5px;
            z-index: 10
        }

        .bus-remark-section {
            margin: 10px;
            padding: 15px 20px;
            background-color: #fff;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            -moz-box-shadow: 1px 1px 2px 0px #ccc;
            -webkit-box-shadow: 1px 1px 2px 0px #ccc;
            box-shadow: 1px 1px 2px 0px #ccc
        }

        .bus-remark-section .brc-item {
            position: relative;
            text-align: center;
            margin: 10px 0
        }

        .bus-remark-section .brc-item .brc-title {
            display: inline-block;
            font-size: 16px;
            color: #666;
            position: relative;
            top: -7px;
            margin-right: 6px
        }

        .bus-remark-section .brc-item .remark-star {
            text-align: center;
            display: inline-block
        }

        .bus-remark-section .remark-desc {
            display: inline-block;
            color: #333;
            resize: none;
            width: 100%;
            height: 100px;
            padding: 10px;
            margin: 30px 0 10px;
            border: 1px solid #e6e6e6;
            border-radius: 3px;
            background-color: #F3F4F5;
            -moz-box-shadow: 0 0 5px 1px #F8F8F8;
            -webkit-box-shadow: 0 0 5px 1px #F8F8F8;
            box-shadow: 0 0 5px 1px #F8F8F8
        }

        .bus-remark-section .remark-text-count {
            text-align: right;
            color: #ccc;
            padding: 0 5px
        }

        .bus-seats-wrap {
            width: 100%;
            height: 100%;
            overflow-y: auto;
            top: 0;
            position: absolute;
            -webkit-overflow-scrolling: touch;
            overflow-scrolling: touch
        }

        .bus-seats-map {
            position: relative;
            width: 100%;
            color: #fff;
            text-align: center
        }

        .bus-seats-map .bsm-header {
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            overflow: hidden;
            background-color: #3b3c4e;
            margin: 10px
        }

        .bus-seats-map .bsm-body {
            counter-reset: seatSortNum 0
        }

        .bus-seats-map .bsmb-item {
            display: table;
            width: 100%;
            border-bottom: 1px solid #efefef;
            counter-increment: seatSortNum
        }

        .bus-seats-map .bsmb-item:last-child {
            border-bottom: none
        }

        .bus-seats-map .bsmb-item>div {
            position: relative;
            width: 20%;
            display: table-cell
        }

        .bus-seats-map .bsmb-item>div .seat-pic {
            width: 48px;
            height: 48px;
            margin: 10px auto 34px;
            border-radius: 50%;
            border: 1px solid #ccc
        }

        .bus-seats-map .bsmb-item>div .seat-pic:before {
            content: '已售';
            visibility: hidden;
            display: block;
            position: relative;
            height: 21px;
            top: 10px;
            font-size: 14px
        }

        .bus-seats-map .bsmb-item>div .seat-pic:after {
            content: '可选';
            display: block;
            background-color: #ccc;
            position: relative;
            top: 30px;
            font-size: 13px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px
        }

        .bus-seats-map .bsmb-item>div.active .seat-pic {
            background: url("1121.cn/20171025181256/images/seat/male.png") no-repeat center;
            border: 1px solid transparent;
            -moz-background-size: 100%;
            -o-background-size: 100%;
            -webkit-background-size: 100%;
            background-size: 100%
        }

        .bus-seats-map .bsmb-item>div.active .seat-pic:before {
            visibility: hidden
        }

        .bus-seats-map .bsmb-item>div.active .seat-pic:after {
            content: '已选';
            background-color: #4ccc7f
        }

        .bus-seats-map .bsmb-item>div.out .seat-pic {
            background: url("1121.cn/20171025181256/images/seat/male.png") no-repeat center;
            border: 1px solid transparent;
            -moz-background-size: 100%;
            -o-background-size: 100%;
            -webkit-background-size: 100%;
            background-size: 100%
        }

        .bus-seats-map .bsmb-item>div.out .seat-pic:before {
            visibility: visible
        }

        .bus-seats-map .bsmb-item>div.out .seat-pic:after {
            content: '已售'
        }

        .bus-seats-map .bsmb-item>div.female.active .seat-pic {
            background: url("1121.cn/20171025181256/images/seat/female.png") no-repeat center;
            border: 1px solid transparent;
            -moz-background-size: 100%;
            -o-background-size: 100%;
            -webkit-background-size: 100%;
            background-size: 100%
        }

        .bus-seats-map .bsmb-item>div.female.out .seat-pic {
            background: url("1121.cn/20171025181256/images/seat/female.png") no-repeat center;
            border: 1px solid transparent;
            -moz-background-size: 100%;
            -o-background-size: 100%;
            -webkit-background-size: 100%;
            background-size: 100%
        }

        .bus-seats-map .bsmb-item>div .seat-title {
            width: 20px;
            margin: 0 auto;
            background-color: #efefef;
            height: 100%;
            position: absolute;
            left: 0;
            right: 0
        }

        .bus-seats-map .bsmb-item>div .seat-title:before {
            content: counter(seatSortNum);
            display: block;
            background-color: #3b3c4e;
            font-size: 13px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            position: absolute;
            top: 50%;
            margin: 0 auto;
            left: 0;
            right: 0;
            transform: translate(0, -50%)
        }

        @media only screen and (max-width: 350px) and (orientation: portrait) {
            .login-form .lf-item input {
                font-size: 1.4rem
            }
        }

        @media only screen and (min-width: 375px) {
            .show-ticket-list .stl-item .tk-header {
                height: 83px
            }

            .show-ticket-list .stl-item .tk-header .code {
                font-size: 25px
            }

            .show-ticket-list .stl-item .tk-header .name {
                font-size: 14px
            }

            .show-ticket-list .stl-item .tk-header .tk-checked {
                width: 83px;
                height: 83px
            }

            .show-ticket-list .stl-item .tk-header .tk-checked:before {
                content: '';
                position: absolute;
                top: 0;
                right: 0;
                width: 0;
                height: 0;
                display: block;
                border-bottom: 83px solid #3b3c4e;
                border-right: 83px solid transparent
            }

            .show-ticket-list .stl-item .tk-header .tk-checked:after {
                top: 5px;
                right: 5px;
                font-size: 16px;
                line-height: 50px;
                -moz-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg)
            }

            .show-ticket-list .stl-item .tk-body {
                padding: 20px 0 10px
            }

            .show-ticket-list .stl-item .tk-body .date {
                font-size: 50px
            }

            .show-ticket-list .stl-item .tk-body .info {
                font-size: 18px
            }

            .show-ticket-list .stl-item .tk-footer {
                padding: 20px 5% 30px
            }

            .show-ticket-list .stl-item .tk-footer .title {
                font-size: 18px
            }

            .show-ticket-list .stl-item .tk-footer .info {
                font-size: 18px
            }

            .show-ticket-list .stl-item .tk-gap {
                height: 40px;
                margin: 0 20px
            }

            .show-ticket-list .stl-item .tk-gap:after,
            .show-ticket-list .stl-item .tk-gap:before {
                content: '';
                display: inline-block;
                width: 40px;
                height: 40px;
                position: absolute;
                top: 0
            }

            .show-ticket-list .stl-item .tk-gap:before {
                left: -38px
            }

            .show-ticket-list .stl-item .tk-gap:after {
                position: absolute;
                right: -38px
            }

            .show-ticket-list .stl-item .tk-gap .line {
                width: 90%;
                top: 20px
            }

            .show-ticket-list .stl-item.checked .tk-header,
            .show-ticket-list .stl-item.checked .tk-btn {
                background-color: #666
            }

            .show-ticket-list .stl-item.checked .tk-checked {
                display: block
            }

            .show-ticket-list .stl-item.checked .tk-checked:before {
                content: '';
                position: absolute;
                top: 0;
                right: 0;
                width: 0;
                height: 0;
                display: block;
                border-bottom: 83px solid #666;
                border-right: 83px solid transparent
            }

            .bus-remark-section {
                margin: 10px;
                padding: 15px 20px
            }

            .bus-remark-section .brc-item {
                margin: 15px 0
            }

            .bus-remark-section .brc-item .brc-title {
                font-size: 20px;
                top: -7px;
                margin-right: 10px
            }

            .bus-remark-section .brc-item .hl-star {
                width: 32px;
                height: 32px
            }

            .bus-remark-section .remark-desc {
                height: 120px;
                margin: 20px 0 20px
            }
        }
    </style>

    <style id="__WXWORK_INNER_SCROLLBAR_CSS">
        ::-webkit-scrollbar {
            width: 12px !important;
            height: 12px !important;
        }

        ::-webkit-scrollbar-track:vertical {}

        ::-webkit-scrollbar-thumb:vertical {
            background-color: rgba(136, 141, 152, 0.5) !important;
            border-radius: 10px !important;
            background-clip: content-box !important;
            border: 2px solid transparent !important;
        }

        ::-webkit-scrollbar-track:horizontal {}

        ::-webkit-scrollbar-thumb:horizontal {
            background-color: rgba(136, 141, 152, 0.5) !important;
            border-radius: 10px !important;
            background-clip: content-box !important;
            border: 2px solid transparent !important;
        }

        ::-webkit-resizer {
            display: none !important;
        }
    </style>>


    <script type="text/javascript" charset="utf-8" src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
</head>

<body class="">


    <main id="page" style="padding-bottom: 60px;">

        <a href="/shuttle-map" style="right: 0;" data-replace="true" class="shuttle-switch-map-btn js_location_url"></a>
        <div id="js_drop_load_area">
            <div class="shuttle-list" id="list">
                <div class="shuttle-item  animated fadeInUp  ant-delay-1" data-id="591bfb2a6b237575468b5138">
                    <div class="shuttle-header clearfix">
                        <span class="code" id="code-no">K206 </span>
                        <p class="name" id="code-name">IT产业园--将台地铁 </p>

                    </div>
                    <div class="shuttle-body">
                        <div class="item-bd">
                            <h4 class="bd-tt" id="code-time">运营时间：17:30-19:30 </h4>
                            <div class="bd-txt">票价：<span class="price">2.99元</span></div>
                        </div>
                        <div class="item-right">

                            <button class="btn btn-primary full-width btn-s js_buy_btn">购买车票</button>

                        </div>
                    </div>

                </div>

                <div class="shuttle-item  animated fadeInUp  ant-delay-2" data-id="591bf9616b237575468b5137">
                    <div class="shuttle-header clearfix">
                        <span class="code">K205 </span>
                        <p class="name">将台地铁--IT产业园 </p>

                    </div>
                    <div class="shuttle-body">
                        <div class="item-bd">
                            <h4 class="bd-tt">运营时间：08:00-10:00 </h4>
                            <div class="bd-txt">票价：<span class="price">2.99元</span></div>
                        </div>
                        <div class="item-right">

                            <button class="btn btn-primary full-width btn-s disabled js_disabled_btn">暂未运营</button>

                        </div>
                    </div>
                </div>

                <div class="shuttle-item  animated fadeInUp  ant-delay-3" data-id="59ba4c5f6b2375553b8cd2fd">
                    <div class="shuttle-header clearfix">
                        <span class="code">K207 </span>
                        <p class="name">将台地铁C口---电子城创E+ </p>

                    </div>
                    <div class="shuttle-body">
                        <div class="item-bd">
                            <h4 class="bd-tt">运营时间：08:30-10:00 </h4>
                            <div class="bd-txt">票价：<span class="price">2.99元</span></div>
                        </div>
                        <div class="item-right">

                            <button class="btn btn-primary full-width btn-s disabled js_disabled_btn">暂未运营</button>

                        </div>
                    </div>
                </div>

                <div class="shuttle-item  animated fadeInUp  ant-delay-4" data-id="5c2c502e6b2375593f8cc120">
                    <div class="shuttle-header clearfix">
                        <span class="code">YDKJ-01 </span>
                        <p class="name">燕东科技早班车 </p>

                    </div>
                    <div class="shuttle-body">
                        <div class="item-bd">
                            <h4 class="bd-tt">运营时间：07:00-08:00 </h4>
                            <div class="bd-txt">票价：<span class="price">0元</span></div>
                        </div>
                        <div class="item-right">

                            <button class="btn btn-primary full-width btn-s disabled js_disabled_btn">暂未运营</button>

                        </div>
                    </div>
                </div>

                <div class="shuttle-item  animated fadeInUp  ant-delay-5" data-id="5c2c510f6b2375603f8dc0c2">
                    <div class="shuttle-header clearfix">
                        <span class="code">YDKJ-02 </span>
                        <p class="name">燕东科技晚班车 </p>

                    </div>
                    <div class="shuttle-body">
                        <div class="item-bd">
                            <h4 class="bd-tt">运营时间：17:00-18:00 </h4>
                            <div class="bd-txt">票价：<span class="price">0元</span></div>
                        </div>
                        <div class="item-right">

                            <button class="btn btn-primary full-width btn-s disabled js_disabled_btn">暂未运营</button>

                        </div>
                    </div>
                </div>
            </div>
            <button class="text-center btn-primary full-width mt-10 loading-more gone"></button>
        </div>
    </main>
    <a href="javascript:void(0);" class="shuttle-quick-btn  js_show_all_ticket_btn active">车票</a>


    <div class="gone" id="js_location_data" data-info="{&quot;lng&quot;:116.501,&quot;lat&quot;:39.9848}"></div>
    <section class="dialog-wrap " id="js_ticket_modal">

        <div class="overlay"></div>
        <div class="dialog-content">
            <div class="dialog-header ">
                <h3 class="text-center tk-dialog-header">

                    &nbsp;
                    <span class="close js_close_btn">关闭</span>
                </h3>
            </div>
            <div class="dialog tk-dialog">
                <ul class="show-ticket-list" id="js_ticket_list">

                </ul>
            </div>
        </div>
    </section>


    <section class="dialog-wrap  active" id="js_ticket_list_modal">

        <div class="overlay"></div>
        <div class="dialog-content">
            <div class="dialog-header ">
                <h3 class="text-center tk-dialog-header">
                    我的票夹
                    <span class="close js_close_btn">关闭</span>
                </h3>
            </div>
            <div class="dialog tk-list-dialog ">
                <div class="swiper-ticket-container swiper-container-horizontal" style="width: 100%">
                    <div class="show-ticket-list swiper-wrapper" id="js_ticket_list" style="transform: 0; display: flex;justify-content: center;transition-duration: 0ms;">
                        <div class="stl-item swiper-slide active swiper-slide-active" id="js_ticket_5df20f3ac900a710cf45dbc2">
                            <div class="js_style_section">
                                <style type="text/css">
                                    #js_ticket_5df20f3ac900a710cf45dbc2 .js_before_after:after,
                                    #js_ticket_5df20f3ac900a710cf45dbc2 .js_before_after:before {
                                        background: radial-gradient(circle, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 50%, #3795df 50%, #3795df) !important;
                                    }
                                </style>
                            </div>
                            <header class="tk-header bg-color-transition">
                                <div class="thh-content">
                                    <p class="code " id="hl-day">12月12日</p>
                                    <p class="name " id="hl-time">17:30-19:30 </p>
                                </div>
                                <span class="tk-checked js_bg_checked_color" data-title="已验票"></span>
                            </header>
                            <article class="tk-body js_bg_color " style="background-color: rgb(55, 149, 223);">
                                <p class="date hl-no">K206</p>
                                <p class="date-title info">票价2.99元</p>
                            </article>
                            <p class="tk-gap js_bg_color js_before_after" style="background-color: rgb(55, 149, 223);"> <span class="line"></span> </p>
                            <footer class="tk-footer js_bg_color" style="background-color: rgb(55, 149, 223);">
                                <div class="tkf-content">
                                    <p class="info">一票一人仅限乘坐 <span class="hl-no">K206</span></p>
                                </div>
                                <button class="btn btn-primary tk-btn text-center full-width js_ticket_check_btn" data-id="5df20f3ac900a710cf45dbc2">上车验票</button>
                            </footer>
                            <script>
                                $(function() {
                                    $('#hl-day').text(new Date().getMonth() + 1 + '月' + new Date().getDate() + '日');
                                    if (new Date().getHours() < 12) {
                                        $('#hl-time').text('08:00-10:00');
                                        $('.hl-no').text('K205');
                                    } else {
                                        $('#hl-time').text('17:30-19:30');
                                        $('.hl-no').text('K206');
                                    }

                                })
                            </script>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>


























    <section class="dialog-wrap" id="js_dialog_section">
        <div class="overlay"></div>
        <div class="dialog-content">
            <div class="dialog">
                <div class="dialog-bd clearfix">
                    <h3 class="bd-tt"></h3>
                    <div class="bd-table">
                        <div class="bd-cell">
                        </div>
                        <p class="bd-txt"></p>
                    </div>
                </div>
                <!-- ft--full ft-btn-->
                <footer class="dialog-ft">
                    <span class="ft-btn js_cancel">取消</span>
                    <span class="ft-btn js_submit">确定</span>
                </footer>
            </div>
        </div>
    </section>


    <section class="toast-wrap" id="js_toast_section">
        <div class="toast">
            <i class="toast-icon "></i>

            <p class="toast-txt"></p>
        </div>
    </section>

    <section class="toast-wrap" id="js_loading_toast_section">
        <div class="toast toast--loading has-close">
            <svg class="icon-svg icon-loading">
                <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/images/icons.svg#icon-loading"></use>
            </svg>
            <p class="toast-text">提交中...</p>

        </div>
    </section>


    <section class="dialog-wrap" id="js_shifts_dialog">
        <div class="overlay"></div>
        <div class="dialog-content">
            <div class="dialog white">
                <div class="p-15 color-hint">
                    <h3 class="text-center font-16">
                        <span class="js_shift_title"></span>
                        <svg class="icon-svg fxWH-25 fr mt-5 js_cancel_btn" style="position: absolute;right: 15px;">
                            <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/images/icons.svg#icon-close"></use>
                        </svg>
                    </h3>
                    <div class="js_shift_content shift-list clearfix">

                    </div>

                </div>
            </div>
        </div>
    </section>


    <section class="dialog-wrap " id="js_red_packet_modal">
        <div class="overlay"></div>
        <div class="dialog-content" id="js_rpm_content">

        </div>
    </section>



    <section class="dialog-wrap " id="js_share_hint_modal">
        <div class="overlay"></div>
        <div class="share-overlay">
            <div class="js_share_content">
                请点击这里发送给朋友,<br>或分享到朋友圈
            </div>
        </div>

    </section>
    <script id="js_red_style_1" type="text/html">
        <div class="hl-red-packet-body width-p-100  ">
            <i class="hl-rp-close-1 js_bonus_close_btn"></i>
            <div class="hl-rp-bg-1">
                <div class="hl-rp1-title">{{ content.data.title }}</div>
                <div class="hl-rp1-content"> {{ content.data.description }}</div>
                {{each display.buttons as button index}}
                <div class="hl-rp1-btn js_bonus_click_btn" data-url="{{ button.jump_url }}" data-action="{{ button.action }}">{{ button.title }}</div>
                {{/each}}
            </div>
        </div>
    </script>












</body>

</html>